タグ

ブックマーク / blog.verygoodtown.com (1)

  • もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳

    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-

    m_o_k_a
    m_o_k_a 2011/01/07
    html属性に動的にUAごとにclass属性を追加するというもの。結局このclassに向けてUAごとのCSSを書くという方法になると思うので手間としてはCSSハックとあんまり変わらない気もします
  • 1