TECHNOTE

iphone用のcss振り分け

cssを、メディアのスクリーンサイズで振り分ける。

<link media="only screen and (max-device-width:480px)" href="iphone.css" type="text/css" rel="stylesheet" />
<link media="screen and (min-device-width:481px)" href="pc.css" type="text/css" rel="stylesheet" />

IE用(IEではmedia=”screen and “を読み込むことができないため、下記を記述しないと、cssが読み込まれない)

<!--[if IE]>
<link href="pc.css" rel="stylesheet" type="text/css" />
<![endif]-->