css 媒体查询不适用于 Iphone（Chrome 和 Safari）/Apple MBP Safari

Question

我正在创建一个新站点，并正在为我要开发的 CSS 媒体查询收集一些反馈，以查看某些设备报告了哪些分辨率

我让一些朋友测试 css 媒体查询，结果没有 Iphone 用户返回解析部分的结果。

归结为当我使用此代码时

@media only screen and (min-resolution: 5dpi)  {
    h1 {color: orange;}
    .desc1:after {content:" The resolution is for you";}
}

这适用于所有设备（台式机、android、chrome、firefox），除了 Iphones 和 Mac 上的 Safari（适用于 Chrome 在 Mac)

我的头上也有这行：

<meta name="viewport" content="width=device-width, initial-scale=1">

猜猜为什么这在某些设备上不起作用？

Answer 1

css media query not working for Iphone (Chrome and Safari) / Apple MBP Safari