0

下位のメディア クエリのみを IE7 に提供したいのですが (上位のレイアウトをすべて修正したくないため)、条件付きタグを使用して動作させることができません。私は何か間違ったことをしていますか？

私は Respond.js (https://github.com/scottjehl/Respond) を使用したので問題ないはずですが、コンディショナル タグにより、すべてのブラウザーがより高いメディア クエリを読み込めなくなります。

起こるべきことは、すべてのブラウザがすべてのメディア クエリをロードする必要があるということです。一方、IE7 以下は私の 601.css および 768.css スタイルシートのみをロードする必要があります。

<link rel="stylesheet" type="text/css" media="all" href="http://www.example.com/style.css" />
<link rel="stylesheet" href="http://www.example.com/mq/601.css" type="text/css"  media="(min-width: 601px)"/>
<link rel="stylesheet" href="http://www.example.com/mq/768.css" type="text/css"  media="(min-width: 768px)"/>   

<!--[if gt IE 7]>
    <link rel="stylesheet" href="http://www.example.com/mq/1024.css" type="text/css"  media="(min-width: 1024px)"/>
    <link rel="stylesheet" href="http://www.example.com/mq/1280.css" type="text/css"  media="(min-width: 1280px)"/> 
    <link rel="stylesheet" href="http://www.example.com/mq/1600.css" type="text/css"  media="(min-width: 1600px)"/>
<![endif]-->
4

1 に答える 1

0

そうだね。gt IE 7には、それ以降のすべてのIEのみが含まれているようです。代わりに、IEではないブラウザーも含める必要があります。

それで...

<!--[if (gt IE 7)|!(IE)]><!-->
    <link rel="stylesheet" href="http://www.example.com/mq/1024.css" type="text/css"  media="(min-width: 1024px)"/>
    <link rel="stylesheet" href="http://www.example.com/mq/1280.css" type="text/css"  media="(min-width: 1280px)"/> 
    <link rel="stylesheet" href="http://www.example.com/mq/1600.css" type="text/css"  media="(min-width: 1600px)"/>
<![endif]-->
于 2012-06-24T17:01:50.533 に答える