小编Aux*_*Aux的帖子

如何在iOS和Android上正确使用-webkit-device-pixel-ratio?

-webkit-device-pixel-ratioiOS和Android都支持查询,但由于iOS不支持target-densitydpi=device-dpi它会导致不同的结果.例如:

@media screen and (-webkit-device-pixel-ratio: 2) {
    body { font-size: 2em; }
}
Run Code Online (Sandbox Code Playgroud)

将使Galaxy Nexus上的字体看起来很好,但在iPhone 4上它会太大了.

有没有办法target-densitydpi=device-dpi在没有JavaScript的情况下在iOS上进行模拟,或者-webkit-device-pixel-ratio在iOS 上禁用它并使用户的模糊图像作为后备?

css mobile android mobile-safari css3

10
推荐指数
1
解决办法
7805
查看次数

标签 统计

android ×1

css ×1

css3 ×1

mobile ×1

mobile-safari ×1