Android WebView 發生跑版
在紅米手機上開發時遇到版面跑版
變成顯示手機實際解析度
一般手機會轉換螢幕解析度
例如:寬1920px會轉成320px
但是Cordova預設的index.html卻沒有轉換
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
後來找到原因是Android舊版支援target-densitydpi, 但運行在Android 4.4.2以上也不會發生問題, 只有在紅米的Android 4.2.2發生問題, 所以有可能是其中幾個版本才會有問題.
所以只要把target-densitydpi拿掉,就會變正常了
變成顯示手機實際解析度
一般手機會轉換螢幕解析度
例如:寬1920px會轉成320px
但是Cordova預設的index.html卻沒有轉換
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
後來找到原因是Android舊版支援target-densitydpi, 但運行在Android 4.4.2以上也不會發生問題, 只有在紅米的Android 4.2.2發生問題, 所以有可能是其中幾個版本才會有問題.
所以只要把target-densitydpi拿掉,就會變正常了
留言
張貼留言