CSS检测的高像素密度屏幕设备[通俗易懂]

大家好，又见面了，我是全栈君

iPhone4尽管是640px解析度，但它的屏幕宽度（device-width）目前只有320px和iPhone3G相同。只是iPhone4S的像素密度2。

然后使用meta viewport什么时候。我们需要注意这个区别。假设你要检测的高像素密度的设备。以下的类似CSS声明：

@media screen and (-webkit-device-pixel-ratio: 2) { 
  body{
     background-color: red;
  }
}

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/116708.html原文链接：https://javaforall.cn