1月 24th, 2013 スマホ勢力が勢いを増してクロスブラウザ対応が標準になりつつある今日この頃。 よくあるのがスマホ対応としてメディアクエリやスマホ用のCSSを準備してCSSを書き換えるというもの。 メディアクエリはCSS3の機能なので記述の仕方はこの辺を参考に スマホ用のCSSを別に読み込む場合はリンクタグに条件(デバイスのウィンドウサイズなど)を加えて分岐させる ウィンドウサイズを判定して(ここでは480px)それ以下ならsp.css(スマホ向け)それ以上ならpc.css(PC向け)を読む <link rel=”stylesheet” type=”text/css” media=”only screen and (max-device-width:480px)” href=”./css/sp.css”> <link rel=”stylesheet” type=”text/css”