Css 对这些媒体查询的解释

有人能给我解释一下这是什么意思吗

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 1.5dppx),
       only screen and (min-resolution: 144dpi)
       and (min-width: 38em) {

       /*Styles*/        
}

---

有一种样式，我只想应用于分辨率至少为38em宽的视网膜（这两种情况都必须是真的）。但是当我在上面的块中插入它时，它似乎不起作用。

这个媒体查询有3组条件

媒体查询由媒体类型和零个或多个表达式组成，用于检查特定媒体功能的条件

第一个条件是像素比为1.5或更大的webkit设备（通常是基于苹果和Android的设备）将执行以下样式

我认为第二个条件是不正确的，因为我猜你指的是dpi（每CSS‘英寸’点数）或dpcm（每CSS‘厘米’点数）

---

第三个条件是，最小分辨率为每英寸144点，最小宽度为38 em的设备将执行以下样式。请注意，em是一种基于先前定义的

字体大小（以像素为单位）的相对度量。
关于这个问题的小说明：在retina iPhone上，我能够看到我在块中添加的样式。但是，由于分辨率低于38em，因此不应适用。您的评论说，问题与问题中描述的问题相反。那么这是什么呢？不管怎样，媒体查询说这种风格应该应用于设备像素比为1.5的屏幕，以及144dpi大于38em的屏幕。因为你的iPhone确实有很高的设备像素比率，所以这条规则适用，浏览器也不介意最后一条规则。