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

发布于 2024-11-04 13:00:39 字数 355 浏览 0 评论 0原文

我使用以下媒体查询来定位 16x9 宽高比平板电脑,特别是 Samsung Galaxy 标签:

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

首页加载时,它不应用 style-16x9.css 样式表。当我重新加载浏览器时,它就生效了。当我加载页面时,这种情况总是发生在每个会话开始时。有什么理由会这样吗?

另外,有没有一种方法可以专门针对媒体查询中的特定宽高比?例如,排除所有 16x9 宽高比。

I'm using the following Media Query to target 16x9 aspect ratio tablets, specifically the Samsung Galaxy Tag:

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

One the first page load, it doesn't apply the style-16x9.css style sheet. When I reload the browser, it takes effect. This always happen at the beginning of every session when I load the page. Any reason why that would be?

Also, is there a way to specifically NOT target a certain aspect ratio in a media query? For example, exclude all 16x9 aspect ratios.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

桃扇骨 2024-11-11 13:00:39

您使用的是哪个版本的 Android?
它可能与此错误有关。

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

Which version of android are you using?
It might probably be related to this bug.

To answer your second question just use the not keyword.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文