为什么css属性在android webview中会发生变化

Question

在使用css属性处理时，我发现Android的网络浏览行为很奇怪：

显示包含以下css属性的网页时：font-size和line-height设置为：

font-size: 20px;
line-height: 35px;

Android的webview将属性更改为：

font-size: 17.4px;
line-height: 30.45px;

为什么？

Answer 1

我找到了答案：

只需将webView设置为＆＃34; NORMAL＆＃34;在android中。像这样：

webView.getSettings().setTextSize(WebSettings.TextSize.NORMAL);

Answer 2

您是否检查了不同分辨率的页面行为？ CSS中可能存在已定义的@media规则，这些规则会更改不同分辨率的样式，例如：

@media screen and (min-width: 1024px) {
    p {
        font-size:20px;
        line-height:35px
    }
}

@media screen and (max-width: 1023px) {
    p {
        font-size:17.4px;
        line-height:30.45px
    }
}

了解更多here。