デバイスサイズによるcss切替の効率化 | SpiriteK Blogこんにちは。デザイナー兼コーダーのよこです 入社半年目にして初のブログ投稿です 今回のネタは複数デバイス対応のためのcss記述の入門編です PC,iPhone,Android,各種タブレット端末など,Webサイトの閲覧環境は多様化しています。 Webサイト・アプリをhtml/cssベースで構築する際は,常に同じ画面を見せておくだけでは済まされないことが増えていることと思います。 このためデバイスサイズによって異なるcssを切り替える手法が各方面で紹介されています。 と言ってもデバイスサイズごとにcssを用意する場合,htmlの<head>要素内に<link>要素がズラリと並ぶと、ソースは重くなり更新もページごとに行う必要があり非効率です。 これを解消するために,import.css内にてデバイスサイズによるスタイル切り替えを全て一括して行う方法をご紹介します。 まずは下記のデモソースをDL
