0

メディアクエリをいじっていて、それがどのように機能するかを理解したと思いました。

HTML に次のコードがあります。

<link rel="stylesheet" type="text/css" media="screen and (min-width: 0px)" href="mobile.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: 350px)" href="tablet.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1050px)" href="screen.css">

基本的には画面サイズによってCSSスタイルシートを使い分けています。

firefox と chrome でうまく動作します。IE ではまったく動作しません。今日ダウンロードしたバージョン11でもありません。実際、IE はすべてのリンクを無視しているように見え、スタイリングはまったく適用されません。バージョン 8 と 9 を試しましたが、同じ問題が発生しました。

誰でもこの理由を知っていますか? IE の構文の違いはありますか?

4

2 に答える 2

2

css3-mediaqueries-jsを使用します。このライブラリは、メディア クエリをエミュレートします。

于 2013-11-14T13:19:24.280 に答える
1

要素を閉じてみてくださいlink。Internet Explorer は (当然のことながら) 適切な HTML に固執するので、そうかもしれません。

例えば

<link rel="stylesheet" type="text/css" media="screen and (min-width: 0px)" href="mobile.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 350px)" href="tablet.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1050px)" href="screen.css" />
于 2013-11-14T13:21:12.720 に答える