iOS css :active 沒反應
在body 加上 ontouchstart="" 範例： <body ontouchstart=""> </body>
發表文章
StatusBarOverlaysWebView 版面多 20px 問題
用Cordova開發iOS時 因為版面會跑到上面的status bar 所以將 config.xml 的 StatusBarOverlaysWebView 設定為 false 但悲劇來了 我版面會下移 20px 用CSS怎麼調都會露出那一節 後來找到將 html 檔案裡的 width=device-width 和 height=device-height 移除 那一節就不見了
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拿掉,就會變正常了
