レスポンシブ Web サイトを作成しようとしています。デザインには 480px、768px、1024px の 3 つの切れ目があります。ドキュメント ヘッドのリンク セクションは次のようになります。
<link media="only screen and (max-device-width: 479)" href="320.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 480) and (max-device-width: 767)" href="480.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 768) and (max-device-width: 1023)" href="768.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 1024)" href="1024.css" type="text/css" rel="stylesheet" />
これに関する問題は、メディア クエリを理解しないレガシー デバイスがスタイル シートをまったく読み込まないことです。
古い Internet Explorer のように、メディア クエリをサポートしていないデバイスでのみ認識されるスタイルシートを含める方法はありますか?
すべてのブラウザーにこのスタイルシートを含めてから、リセットまたはオーバーライドしたくはありません。
ありがとう、ジョスト