ブラウザによってcssを分けることは可能なの？

質問

レスポンシブウェブデザインの様に
ブラウザによってcssを分けることは可能なのでしょうか？

IEなら１００px、ファイアフォックスなら５０pxなど。

回答No.1

t_ohta · ベストアンサー

CSSだけでは無理ですね。
JavaScriptを使って読み込む外部ファイルを変えるとかする必要があるでしょう。

お礼

ありがとうございました。

回答No.4

tracer

レスポンシブ実装時と同じ要領で、mediaQueryにcssハックを記述することでブラウザを分けることができます。ただ、ブラウザを分けるということは、ブラウザのバージョンを分けることでもあり、もっといえば、今後出てくる新しいバージョンにも追随する必要もあるなど、いいことばかりではなく、世間的には悪手とされます。ご利用は計画的に。

http://qiita.com/katsunory/items/0cbb26bf23d961161642

お礼

ありがとうございました。

回答No.3

dezimac

100%完璧にというのは無理がありますが、
ブラウザというかレンダリングエンジン毎に癖があるので、それを逆手にとれば可能です。
「CSSハック」で検索すればいくらでも見つかります。
SafariとOpera,ChromeはWebKit（同じエンジン）をベースにしているから同じような動作をするし、FirefoxやIEは独自のエンジンなので動作は異なります。
また同じブラウザでもバージョン毎に異なることもあります。
一例）
http://nelog.jp/css-hack-major-4-browzers

JavaScriptでブラウザの種類を認識して適用するCSSを変える方法もあり。
一例）
http://www.tam-tam.co.jp/tipsnote/html_css/post388.html

お礼

ありがとうございました。

回答No.2

DrFell

可能。

css ハックで検索

お礼

ありがとうございました。