Respond.js を使用すると、IE6 ～ 8 で CSS3 メディア クエリをサポートできるようになります。
この js ファイルは Bootstrap で導入されており、その名前から適応性と互換性があることがわかります。 IEを開いて見てみましたが、適応効果はかなり良好です。 Respond.js を使用すると、CSS3 メディア クエリをサポートしていないブラウザ (IE6 ～ IE8 やその他のブラウザを含む) でクエリをサポートできるようになります。
CSS パスを取り出して配列に入れます
2. 次に、配列を走査し、ajax リクエストを 1 つずつ送信します
3. ajax コールバックの後、応答内のメディア クエリを実行し、ビューポートの変更を分析します。間隔は対応する CSS ブロックに対応します
4. ページが初期化され window.resize されると、現在のビューポートに従って対応する CSS ブロックが使用されます。
使用法: IE9 が CSS3 をサポートしていることを考慮すると、HTML ページの head タグにスクリプト参照を直接追加できます:
