CSS检测高像素密度屏幕设备的样式

(编辑:jimmy 日期: 2024/10/31 浏览:2)

iPhone4虽然是640px的分辨率,但其屏幕宽度(device-width)只有320px和iPhone3G一样,只不过iPhone4S的像素密度是2。

那么使用meta viewport的时候,就需要注意这种差别。如果要检测高像素密度设备,可以使用类似下面的CSS语句:

复制代码代码如下:
@media screen and (-webkit-device-pixel-ratio: 2) {
body{
background-color: red;
}
}

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。