0

IE7では動作しない以下を使用しています。

<!-- styles to use for small screens, such as phones -->
<link rel="stylesheet" media="screen and (max-width:480px)" href="phone.css">

<!-- styles to use for medium screens, such as tablets -->
<link rel="stylesheet" media="screen and (min-width:481px) and (max-width:800px)" href="tablet.css">

<!-- styles to use for larger screens, such as desktops and laptops -->
<link rel="stylesheet" media="screen and (min-width:801px)" href="styles.css">

これがIE7で機能しない理由を知りたいのですが？これをすべて1つのスタイルシートで行う方法はありますか...IEで機能しますか？

ありがとう

IE8（およびそれ以下）を標準のスタイルシートに直接駆動するように、このようにすることにしました。

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="styles.css" />
<![endif]-->

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="styles.css" />
<![endif]-->

<!-- styles to use for small screens, such as phones -->
<link rel="stylesheet" media="screen and (max-width:480px)" href="phone.css">

<!-- styles to use for medium screens, such as tablets -->
<link rel="stylesheet" media="screen and (min-width:481px) and (max-width:800px)" href="tablet.css">

<!-- styles to use for larger screens, such as desktops and laptops -->
<link rel="stylesheet" media="screen and (min-width:801px)" href="styles.css">
4

2 に答える 2

0

「コード」が正しく貼り付けられなかったと思います。

また、IEでメディアクエリを使用しようとしていると思います。IEはメディアクエリをサポートしておらず、それらを読み取りません。基本的にはスキップします。

これで、respond.jsのようなライブラリを使用できます。その説明から：

「最小/最大幅のCSS3メディアクエリ用の高速で軽量なポリフィル（IE 6-8以降の場合）」 Respond.jsページ

于 2012-06-06T15:02:33.500 に答える
0

CSS コードの一部をブラウザ固有に設定できます。

このページには、これを行う方法に関する情報が含まれています。

于 2012-06-06T15:31:27.943 に答える