とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

特定のブラウザだけCSSを調整したいときはハックを使おう

特定のブラウザだけCSSを調整したいときはハックを使おう

大手のナショナルクライアントの

webサイトではいまだにIEが捨てきれずに

動作保証範囲としているwebサイトも多いと思います。

 

Microsoftが、企業にIE11の使用をやめるように

推奨はしているものの、ユーザの使用率によっては

捨てられないwebサイト、サービスが多いのも現実です。

 

web製作側の人間としては、

ユーザがwebサイトにIEでアクセスしてきた場合、

別のブラウザの使用を案内することをおすすめしたいですが、

クライアントがOKを出してくれるとは限らず、、、。

 

今回はIEやブラウザごとにCSSを調整したいという場合に

つかえるCSSハックを紹介していきます。

 

IE、Edge系

IE8〜11/Edge12〜の各バージョンに対応したCSSハックまとめ | SPYWEB

IE系のハックはこちらのサイトがわかりやすくまとめてくれています。

 

その他

ChromeやFirefox、Safariなどモダンブラウザは正直

ハックを使う機会は少ないはずですが、まれに調整

いれたいときがあります。参考サイト貼っておきます。

 

あとはJSでブラウザを特定して、

bodyタグにclass名をつけるものもあります。

ブラウザまたはOS毎にCSSハックできるjs『CSS Browser Selector』

こちらもなかなか使えるのでおすすめです。