css - 媒体查询奇怪的行为

Question

我正在像这样将媒体查询附加到我的 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)"/>

smart-portrait.css 是应该一直应用的通用文件，但是如果窗口大小小于 550 像素，则不应用任何样式，请参见第一个屏幕。

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

Answer 1

您的标记看起来正确。你的问题像错字一样愚蠢吗？也许 ipad css 的拼写正确，而常见的拼写错误。