1

メディアクエリを学習しようとしていますが、助けが必要です。

コードが IE8 で動作しません

CSS

body {
    font-size:11em;
    color:#000;
    transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}

@media screen and (max-width:500px) {
body {
        font-size:5em;
        color:#ff0000;
  }
}
</style>

HTML

<body>
az a s d a sd
</body>

IE8以下で実行するにはどうすればよいですか? セクションにcss3-mediaqueries.jsを追加しました</head>(以下のコードを参照してください) が、役に立ちません。

<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

前もって感謝します :)

4

1 に答える 1

3

css3-mediaqueries.js が機能しない場合は、 Respond を試してください。CSS3-mediaqueries.js を使用するためのメモとしてこれを保管しておいてください - それは彼らのサイトからのものです->

注: @import されたスタイルシートでは機能しません (パフォーマンス上の理由から使用しないでください)。<link>また、 and<style>要素の media 属性もリッスンしません。

于 2013-06-27T11:15:43.663 に答える