0

私は2つのスタイルシートを持っています。1つはiPhoneと他のハンドホールドデバイスにのみ適用する必要があります

@media screen and max-device-width: 480px { ... }

もう一方はそれ以外の場合にのみ適用する必要があります

@media screen and min-device-width: 481px { ... }

私は現在、それらを1つの大きなcssファイル、@media上記の2つの異なるセクションに配置していますが、IE7/8はどのセクションにも適用されないことに気付きました

問題の解決策は何ですか?私がグーグルで検索できる唯一の解決策は、デスクトップスタイルシートをIEの条件付きコメントに再度含めることです。

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

しかし、W3C Webサイトは、これがなくても同じ効果を実現します。どのように?

4

1 に答える 1

0

上記のコメントによると、実行可能な解決策は条件付きコメントまたはJavascriptmedia属性の書き換えの2つだけのようです。

于 2011-04-18T16:22:45.127 に答える