@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 肖像，请记住，除此之外，所有其他媒体查询都可以使用。即使在测试时，使用 inspect 元素也不会考虑媒体查询。

有什么帮助吗？

Answer 1

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

Answer 2

回答

经过一番摆弄后，我发现使用这个对我来说会更容易

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

我在某处读到，为分辨率而不是设备做更好

@media 查询不适用于 ipad 肖像（已搜索所有问题）

@media query doesn't work on ipad portrait (already searched all questions)

html

css

ipad

media-queries