昨日ここに書いたCSSファイルのmedia判別をさせる
@importの記載方法での追記?訂正?です。。。

昨日紹介した@importの、

【1】
@media all { @import url(“common.css”); }
@media print { @import url(“print.css”); }

【2】
@import url(“common.css”) all;
@import url(“print.css”) print;

の2通りの書き方。

それぞれの記述は推奨されていない書き方ではないのですが、
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ってやつは。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

CSSの“@media”“@import”の使い方 その2

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR