0

レスポンシブ サイトと Internet Explorer に問題があります (図を参照)。だれかが nickpassaro.com のヘッダーにあるソース コードを見て、IE9 と IE8 がそうでない理由を理解するのを手伝ってくれないかと思っていました。正しく動作します。css の問題かどうかはわかりません。3 つのスタイルシートすべてに共通する一部のプロパティが機能していないためです (ヘッダーの背景など)。

ポリフィルとして html5shiv を使用していますが、サーバー上のローカル コピーからのものではありません。私はnormalize.cssも使用しており、IE8+で動作すると言われています

ありがとうございました

4

2 に答える 2

1

https://github.com/scottjehl/Respond

より堅牢な CSS3 Media Query のサポートをお探しの場合は、http://code.google.com/p/css3-mediaqueries-js/をご覧ください。テストでは、複雑なレスポンシブ デザインをレンダリングすると (ファイルサイズとパフォーマンスの両方で) スクリプトが著しく遅くなることがわかりましたが、実際には、このスクリプトよりもはるかに多くのメディア クエリ機能をサポートしています。著者への大きな帽子のヒント！:)

于 2013-03-04T15:12:57.367 に答える
0

これには2つの異なる方法があります。このようなIEバージョン用のjqueryまたはJSを使用できます

function adjustStyle(width) {
    width = parseInt(width);
    if (width < 701) {
        $("#size-stylesheet").attr("href", "css/narrow.css");
    } else if ((width >= 701) && (width < 900)) {
        $("#size-stylesheet").attr("href", "css/medium.css");
    } else {
       $("#size-stylesheet").attr("href", "css/wide.css"); 
    }
}

または、IE のすべてのバージョンに対して、このように IE のバージョンごとに異なる CSS を記述できます。

 <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

特定のバージョンの

<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
于 2013-03-04T15:15:54.507 に答える