ADP: いつかはやりたいセンタリングの続き。いま、こんなん考えている。
1. すっぴんの刑
docomoなど、外部CSSを解釈しないものはブラウザのデフォルト表示に。
2. default.cssのみ
link要素の通常のメディア振り分け、@import, @media screenなどを使って、NN4, IE4, MacIE5, EZWeb, Y!ケータイなどではdefault.cssのみを読ませる。
3. default.css + legacy.css
ADP: IE7になにを期待する?で紹介したけれどIE7ではけっきょくできなかった
@import 'main.css' screen;
でIE5~IE7を弾くことによって、IE5~IE7ではdefault.css + legacy.cssを読ませる。
4. screen.css
上記を解釈する大半のモダンブラウザでは、default.css + legacy.css + screen.cssを読ませる。これならcontentも使い放題。
5. mobile.css
Media Queriesを使える小画面端末(iPhoneなど)用に、default.css + legacy.css + screen.css + mobile.cssを読ませる。
4.と5.はもうちょっと簡単にできそうな気もするね。また考えてみる。
トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/769