気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
696 usersがブックマーク
56
56
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
696 users
blog.verygoodtown.com
blog.verygoodtown.com
記事へのコメント56件
- 注目コメント
- 新着コメント
miya2000
コメントより「HTML5ではない従来の(X)HTMLで、html要素にclass属性を与えるとHTMLがinvalidになることです。」/js off だと使えないし記述量も減らないのがなんとも。
m_o_k_a
html属性に動的にUAごとにclass属性を追加するというもの。結局このclassに向けてUAごとのCSSを書くという方法になると思うので手間としてはCSSハックとあんまり変わらない気もします
mtoyoshi
最近IE以外のブラウザへの対応要求が強まってきているので参考になる。なお、jQuery mobileでも端末のwidth情報などに基づいた同様のcss切り替えの仕組みになっています。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応... CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
blog.verygoodtown.com
blog.verygoodtown.com
blog.verygoodtown.com
blog.verygoodtown.com
design.digital.go.jp
www.j-cast.com
anond.hatelabo.jp
www.nikkansports.com
www.fashionsnap.com
anond.hatelabo.jp
togetter.com
togetter.com
mendokusainoyada.hatenablog.com
qualitylasopa859.weebly.com
cafe-higuchi.jp
detail.chiebukuro.yahoo.co.jp
fclasopa307.weebly.com
www.google.com
cookpad.com
2011/02/24 リンク