@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。我还添加了视口

<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肖像，请记住所有其他媒体查询都在起作用，但这是如此。即使进行测试，使用检查元素也不会考虑媒体查询。

有帮助吗？

Answer 1

是否可能是您页面上的其他媒体查询正在超越该样式（如果断点重叠）？尝试评论您的其他查询，看看这个问题是否有效？

Answer 2

答案

绕过一些摆弄后，我发现我使用此

会更容易

@media (min-width: 701px) and (max-width: 799px){//CSS HERE}

我在某个地方读到，最好是为分辨率而不是设备做