@media中的@import在Firefox 3.0.3中不起作用
题
这就是我所拥有的,它适用于IE7,但不适用于Firefox:
@media screen { @import 'screen.css'; }
它在Firefox中的@media块之外工作:
@import 'screen.css';
更新:
这有效:
@media screen {
.yui-d3f
{
border: 1px solid #999;
height: 250px;
}
}
我错过了什么?
解决方案
Firefox遵循CSS2规范,而IE正在快速而宽松地播放。
确切原因是 @import
指令必须是可选 @charset
指令之后的第一个指令。它们不能出现在任何区块内。如果您希望 @import
仅应用于一种媒体类型,请在导入的URI之后指定。
以下是CSS2规范的相关部分: 6.3 @import
规则。
其他提示
好的,所以Firefox不喜欢我选择的方法,赞成:
@import 'stylesheet.css' media_type;
但IE7并不了解这种方法,但这可能很好:
@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
不隶属于 StackOverflow