html - @media 查询不适用于 ipad 肖像(已经搜索了所有问题)

Question

晚上，我在 ipad 肖像的媒体查询中遇到问题，这是我的代码。

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){//CSS HERE }

我试过使用min-device-width和max-device-width，我也试过使用only screen和all 在我的查询中。我还添加了视口(viewport)

<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=device-width">

但是它仍然无法在 iPad 纵向上工作，请记住所有其他媒体查询都在工作，但这个。即使在测试时，使用 inspect 元素也不会考虑媒体查询。

有什么帮助吗？

Answer 1

会不会是您页面上的其他媒体查询覆盖了该页面的样式(如果断点重叠)？尝试注释掉您的其他查询，看看这个是否有效？