一開始聽說開發(fā)H5，以為就是做適配現(xiàn)代瀏覽器的移動網(wǎng)頁，心想不用管IE了，歐也。到今天，發(fā)現(xiàn)當(dāng)初too young too simple，兼容IE和兼容安卓與IOS，后者讓你更抓狂。接下來數(shù)一下踩過的坑。主要分UI展示，鍵盤，輸入框等等。解決bug最苦惱的問題不是沒有解決方案，而是你沒有找到真正的原因。再就是現(xiàn)象難以重現(xiàn)，每次都要發(fā)布代碼，然后到手機app中去測試，模擬。這些地方會耗費大量的精力。
一、UI相關(guān)
1.安卓4.4以下不支持fixed布局。
fixed布局的作用之一就是在手機鍵盤彈起來的時候，可以自動把頁面頂起來。如果不支持的話，換絕對定位也是可以的。但是絕對定位某些機型比如sm-n7508,華為m7上還是沒有能頂起來。IOS沒有這個問題。
2.小于1px顯示問題
部分安卓機器(比如小米)的分辨率低，如果border的寬度小于1px。安卓機出現(xiàn)一種邊框消失了的現(xiàn)象。樣式上有點奇怪，IOS沒有這個問題。
