gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 08:09:24 24 4
gpt4 key购买 nike

-webkit-device-pixel-ratio 查询在 iOS 和 Android 上都支持,但是由于 iOS 不支持 target-densitydpi=device-dpi 导致不同结果。例如:

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

将使字体在 Galaxy Nexus 上看起来不错,但在 iPhone 4 上会太大。

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

最佳答案

@media (-webkit-min-device-pixel-ratio: 2), /* Retina on Webkit */
(min-resolution: 192dpi) /* Everyone else */ {
...
}

我今天偶然读到这篇很棒的文章: http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/

关于android - 如何在 iOS 和 Android 上正确使用 -webkit-device-pixel-ratio?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9228550/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com