媒体查询在首页加载时不起作用
我使用以下媒体查询来定位 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您使用的是哪个版本的 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.