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用