android - android webview 的 TargetDpi 替代品

Question

我已经搜索了两天的解决方案，但对我来说没有任何效果。我想知道如何根据屏幕分辨率更改 Android 网页 View 中的文本大小。由于来自视口(viewport)的 targetdpi 不再有效，我该如何解决这个问题？

Answer 1

我没有 Android 设备来测试这个，但你应该可以用 CSS 媒体查询来做这个，例如在你的 CSS 文件中。

jsFiddle Demo

p {
    font-size: 14px;
    color: #c00;
}

@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    p {
        font-size: 16px;
        color: #0c0;
    }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi){ 
    p {
        font-size: 20px;
        color: #00c;
    }
}