5

これは私が持っているもので、IE7 では動作しますが、Firefox では動作しません:

@media screen { @import 'screen.css'; }

Firefox の @media ブロックの外で動作します。

@import 'screen.css';

アップデート：

これは機能します：

@media screen { 

    .yui-d3f
    {
        border: 1px solid #999;
        height: 250px;
    }

}

私は何が欠けていますか？

4

2 に答える 2

7

Firefox は CSS2 仕様に従っていますが、IE は高速で緩い動作をしているようです。

正確な理由は、@importディレクティブがオプションのディレクティブの後の最初のディレクティブでなければならないからです@charset。それらはどのブロック内にも表示できません。@importを 1 つのメディア タイプだけに適用する場合は、インポートした URI の後にそれを指定します。

CSS2@import仕様の関連セクションは次のとおりです。

于 2008-10-22T02:30:03.603 に答える
1

さて、Firefoxは私が選んだ方法が気に入らないので、次のようにしています。

@import 'stylesheet.css' media_type;

しかし、IE7はこの方法を理解していませんが、これは良いことかもしれません。

@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
于 2008-10-21T23:35:40.337 に答える