レスポンシブ・デザイン テスト

 このページはワンソースのレスポンシブデザインのテスト用です。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ピクセル以下の場合はになります。