移動端web開發填坑指南之——百分比的過錯

    在移動端開發中，特別是在安卓的微信端進行開發的時候會遇到各類奇奇怪怪的坑。慢慢寫慢慢填坑。

    今天遇到的是，移動端中對一個div指定了height:100%;以後在安卓微信瀏覽器端遇到當input調起軟鍵盤以後整個頁面佈局被從新resize後壓扁，而ios則不會遇到這個問題。

    經過實驗，發現用經過js獲取當前但是窗口高度後再對該div進行賦值以後，此時在安卓調起軟鍵盤就不會出現這樣的問題。

    可見時對高度進行百分比設置的錯。由於100%致使整個頁面在軟鍵盤彈出後進行了從新的resize操做。

    作一個記錄。記錄完滾去睡覺。