我使用 Phonegap for android 创建了一个简单的应用程序，它只加载我网站的内容。问题是 webview 不理解“REM”css 单元，即使在同一台设备上，当我在 chrome 浏览器中打开网站时，它也能按预期工作。
我使用的技术是以像素为单位设置根字体大小(例如 1 像素)，其他所有内容都使用 rem 单位。看起来在使用 webview 时，它有一些 font-size 的最小值，它远大于我的值，并且它将所有元素大小乘以 10-12 倍。
有没有办法在不切换到像素而不是 rems 的情况下修复它？
代码示例:
body {
font-size: 1px;
}
.element {
width: 15rem;
}
从上面的代码来看，元素的宽度应该是15px，如果我在手机浏览器中打开网站是正确的，但是在webview中它大于150px；
更新:
我几乎可以肯定它在 webview 中有最小字体大小问题，因为我现在尝试了相反的方法，我将根字体大小设置为 15px 并将 .element 宽度设置为 1rem 并且它正确显示了所有内容，意味着 REM如果我在 webview 中将根字体大小设置为高于最小限制，则单位可以正常工作。
这是我的网站在移动版 chrome 中的样子
[ 
]
这是 phonegap 应用程序
最佳答案
Webview 默认增加最小字体大小。这个解决方案最适合我。现在 webview 的行为与大多数其他带有 rem 单位的浏览器一样。 :)
关于android - rem 单位在 webview 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33584864/