Respond.js-20150415_html/css_WEB-ITnose

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 タグにスクリプト参照を直接追加できます: