媒体查询奇怪的行为

时间:2012-04-19 17:13:50

标签: css css3 media-queries

我正在将媒体查询附加到我的html文档中,就像这样

<!-- SmartPhone CSS --> 
<link rel="stylesheet" href="smartphone-portrait.css" />

<!-- IPAD CSS -->
<link rel="stylesheet" href="ipad-portrait.css"         media="only screen and (min-width : 550px)"/>
<link rel="stylesheet" href="ipad-landscape.css"        media="only screen and (min-width : 970px)"/>

smartphone-portrait.css是常用文件,可以随时应用,但如果窗口大小小于550像素,则不应用样式,请参见第一个屏幕。

如果窗口大小大于550,则应用样式。当窗口大小较小时为什么不应用css?

enter image description here

1 个答案:

答案 0 :(得分:0)

您的标记看起来是正确的。你的问题有点像拼写错误吗?也许ipad css的拼写正确,常见的拼写错误。