HTML5 レスポンシブデザインサイト スタイルシートの書き方

HTML5 レスポンシブデザインサイト スタイルシートの書き方

以下のようにスタイルシートを3つ用意する。
各サイズで読み込むスタイルシートが変わる。

<link rel="stylesheet" href="style-small.css">//スマートフォンサイト用

<link rel="stylesheet" href="style-medium.css" media="only screen and (min-width:600px) and (max-width:979px)">//タブレット用

<link rel="stylesheet" href="style-large.css" media="only screen and (min-width:980px)">//PC用