タグ

*CSSと-バグに関するhaniworksのブックマーク (4)

  • Chrome から印刷する時にも box-shadow を表示させたい - WebDelog

    この記事は CSS 珍百景 Advent Calendar 2014 11日目の記事です。 みんな大好き box-shadow box-shadow プロパティは要素に影をつけることができるプロパティです。今回は box-shadow で出会った珍百景と解決法を紹介します。 Chrome で 印刷しようとすると… まずはこちらを見てください。 2つの div 要素に box-shadow をつけたものです。 片方は1つの shadow, もう片方は複数の shadow を別々の色で加えたものになります。 CSS はこんな感じで設定しています。 div{ width: 100px; height: 100px; margin: 1em auto 2em; } .box1{ box-shadow: 0px 0px 8px #898989; } .box2{ box-shadow: -10px

    Chrome から印刷する時にも box-shadow を表示させたい - WebDelog
  • AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

    AndroidiPhoneHTML,CSS,JavaScriptのバグまとめ AndroidiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidChromeで が「・」になってる気がする | ビビビッ  を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

    AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
  • -webkit-text-size-adjust: none を絶対に設定してはいけない理由

    PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhoneAndroid のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-

    -webkit-text-size-adjust: none を絶対に設定してはいけない理由
  • 百盈平台注册-快3网投平台

    地址:湖南永州新田县下马徐008号 电话:072-55269409 传真:072-55269409 邮箱:308676405@008.com 百盈平台注册此前����,憾失李正茂为中国移动党组成员����、副总经理����。 商人我立马问申领高龄老人津贴了吗����?他们说还没去村委会办���。百盈平台注册也是第一次正式面对这么多媒体采访���,揽体包括境外媒体����。 今年省两会上��� �,千万冯红云第一次走代表通道���。这么一想�����,憾失作为县长辛苦一点����、压力大一点����,也是应该的���。商人百盈平台注册冯红云下基层跟村民聊天�����。 为此�� ,揽体我们举办了培训班�����,吸引了不少年轻人参加培训����,现在已经有一批青年通过电商创业成功�����。我认为�����,千万大家还是不要用网红来定义我�����,我只是想帮助连山百姓解决他们最迫切���、

  • 1