Question

我正在开始一个新网站并收集一些反馈，以便我开发CSS媒体查询，看看某些设备报告了哪些分辨率

我让一些朋友测试了css媒体查询，结果发现没有Iphone用户返回分辨率部分的结果。

当我使用此代码时，它归结为什么

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

这适用于除Mac上的Iphone和Safari之外的所有设备（台式机，机器人，Chrome，Firefox）（适用于Mac上的Chrome）

在头脑中我也有这条线：

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

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

Answer 1