rem单位不能在webview中工作
问题描述：
我已经创建了一个简单的应用程序使用android的Phonegap，只是加载我的网站的内容。问题是webview不理解“REM”css单元，即使在同一台设备上，当我在Chrome浏览器中打开网站时，它的工作方式与预期的一样。rem单位不能在webview中工作
我正在使用的技术是我设置像素（例如1px）的根字体大小，以及其他所有使用rem单位的字体大小。它看起来像使用webview时，其字体大小的最小值远远大于我的值，它将所有元素大小乘以10-12倍。
有没有办法解决它，而不切换到像素，而不是雷姆？
代码例如：
body {
font-size: 1px;
}
.element {
width: 15rem;
}
从上面的代码中，元件的宽度应为15像素，如果我在打开移动浏览器网站这是正确的，但在其网页视图大于150像素更大;
UPDATE：
我几乎可以肯定，它在WebView中最小的字体大小的问题，因为我现在尝试相反，我设置了根字体大小15px的和.element宽度1rem，它正确显示了一切，意味着REM单位正在工作，如果我设置根字体大小超过webview的最低限制。
这里是我的网站看起来移动铬 []
这里是PhoneGap的应用
答
网页视图默认情况下，增加了最小字体大小。这个解决方案对我来说最合适。现在，webview像大多数其他浏览器一样使用rem单元。 :)
你可以考虑一些CSS和HTML是不为你工作，也许一些链接到一些截图显示正确的和有缺陷的行为。你可以尝试[这个'rem' polyfill]（https://github.com/chuckcarpenter/REM-unit-polyfill），看看它是否可以用于WebView，或者可以调整用于使用WebView。 – CommonsWare
为问题添加了一些代码和屏幕截图。试图使用polyfill，但它没有帮助。 – offline15
Phonegap是否正在注入某种影响WebView基本字体的'reset.css'？ – juanmnl