媒体查询在第一页加载时不起作用

Posted 2023-02-25

【中文标题】媒体查询在第一页加载时不起作用

【英文标题】：Media Query not working on first page load

【发布时间】：2011-05-03 20:51:51

【问题描述】：

我正在使用以下媒体查询来定位 16x9 宽高比的平板电脑，特别是三星 Galaxy Tag：

<link rel="stylesheet" href="style-16x9.css" media="screen and (max-device-width: 1280px) and (device-aspect-ratio:16/9)">

第一个页面加载时，它不应用 style-16x9.css 样式表。当我重新加载浏览器时，它会生效。当我加载页面时，这总是发生在每个会话开始时。有什么理由会这样吗？

另外，有没有办法专门针对媒体查询中的某个纵横比？例如，排除所有 16x9 纵横比。

【参考方案1】：

您使用的是哪个版本的安卓？ 可能和这个bug有关。

要回答您的第二个问题，只需使用 not 关键字。