4
我已經創建了一個簡單的應用程序使用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的應用 
你可以考慮一些CSS和HTML是不爲你工作，也許一些鏈接到一些截圖顯示正確的和有缺陷的行爲。你可以嘗試[這個'rem' polyfill]（https://github.com/chuckcarpenter/REM-unit-polyfill），看看它是否可以用於WebView，或者可以調整用於使用WebView。 – CommonsWare
爲問題添加了一些代碼和屏幕截圖。試圖使用polyfill，但它沒有幫助。 – offline15
Phonegap是否正在注入某種影響WebView基本字體的'reset.css'？ – juanmnl