このページはワンソースのレスポンシブデザインのテスト用です。meta要素のviewport要素とlink要素のmedia属性を以下のように記述しています。
<meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="./css/it_link_media_test_large.css" media="screen and (min-width:601px)"> <link rel="stylesheet" href="./css/it_link_media_test_small.css" media="screen and (max-width:600px)">
見出しの色が、ウィンドウ幅600ピクセルより大きい場合は青に、600ピクセル以下の場合は赤になります。