- カタチグラフィックスのBlog – Katachigfxの日記と制作メモ

「2011 7月」のかたログ

07.13

デバイスの横幅480pxで振り分ける方法がスマートかと。
デバイス画面サイズ480px以下はsmart.cssを読み込み、デバイス画面サイズ481px以上はstyle.cssを読み込む。

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

さらに、以前紹介した「スマートフォンviewport の指定」を組み合わせると綺麗に表示される。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

–制作メモ