先說下實現密碼框的思路，一般是採用遮擋隱藏乙個輸入框，然後在輸入框的上面該一層一般是一組6個●，然後通過點選布局是讓隱藏的輸入框獲得焦點，最後監聽input的textchange，新增對應個數的●，等於6個的時候執行相應的處理。
一開始為了達到input的完全隱藏，可謂下了許多手段:z-index:負數，opacity:0, color: transparent !important;，可是發現還是不好使。最後嘗試了 margin-left: -100%; text-indent: -999em;//文字向左縮排 才解決了問題。
終極大招：再配合設定下隱藏的input的寬度為1px
原生H5 IOS解決監聽軟鍵盤導致樣式bug
本文主要介紹通過監聽軟鍵盤的彈起和收起，動態改變樣式。一 問題描述 當軟鍵盤彈起時，ios的fixed會變成absolute，導致樣式布局出現異常。二 關鍵 html js if os.ios document.addeventlistener focusout function 三 原理 3.1 ...
h5 ios中軟鍵盤彈起後 fixed定位失效
position fixed 在 ios手機中會存在乙個失效情況 1 針對當前內容高度小於螢幕高度時 上下滑動頁面時候，發現之前 fixed 定位在頂部的元素會跟隨頁面滾動，變成了absolute定位的效果。2 針對當前內容高度大於螢幕高度時 之前 fixed 定位在頂部的 view 不見了，下滑往...
h5適配手機
1 使用meta標籤，這也是普遍使用的方法，理論上講使用這個標籤是可以適應所有尺寸的螢幕的，但是各裝置對該標籤的解釋方式及支援程度不同造成了不能相容所有瀏覽器或系統。首先解釋該標籤的含義 解釋 content中的 width 這個width指的是什麼寬度，我看過的文章對這個都沒有解釋的很清楚，有幾個...