昨日ここに書いたCSSファイルのmedia判別をさせる@importの記載方法での追記？訂正？です。。。
昨日紹介した@importの、
【１】
@media all { @import url(“common.css”); }
@media print { @import url(“print.css”); }
【２】
@import url(“common.css”) all;
@import url(“print.css”) print;
の２通りの書き方。
それぞれの記述は推奨されていない書き方ではないのですが、IEでは正常に認識されない問題がありました…
mediaをprintとしてもそのページをブラウザ上で開いた際（本来はscreen）、表示の一発目はprint用のCSSファイルも読み込んでしまいます。
そしてブラウザをリロードさせると正常にprint用として判別してくれるようになります。
などなど、IEだと何かと不都合が…
CSSファイル内でmedia判別を可能にすることは理想的ですが、今のところはやはり、
<link rel=”stylesheet” type=”text/css” href=”common.css” media=”all” />
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />
のソース上で判別させるやり方が無難なようです…
……IEってやつは。。。