移動web開發的一些坑 完美解決移動Web小於12px文字居中的問題 移動Web輪播圖IOS卡頓的問題 完美解決移動Web小於12px文字居中的問題

相似的題目一搜一大堆，我就再也不寫那些meta標籤相似的內容了，記錄一下本身實現中遇到的問題，若是能幫到你，那再好不過了。

• 1px border的問題，你們能搜到不少方案，但如何選擇仍是要根據實際狀況，好比border-image不能處理圓角，最好用的transform scale可能會由於改變佈局致使某些區域不可點。
• 小於12px的文字的居中問題：完美解決移動Web小於12px文字居中的問題
• 注意3d加速的使用 -webkit-perspective and -webkit-backface-visibility：移動Web輪播圖IOS卡頓的問題
• 若是transform或者動畫引發文字鋸齒或者其餘的元素閃爍，也能夠試試：-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
• background-image屬性有些手機出現了莫名其妙的橫線，使用background-size: 100% 100%;可解決， contain和cover都沒用。
• 點擊穿透的問題，我的感受最簡單粗暴的方式仍是直接改成click。。
• android手機按鈕長按會出現橘黃色的背景和邊框，直接用span或者p之類的標籤模擬按鈕。
• 若是要兼容到android2.3， 須要額外處理不少事情。好比transform、border-radius以及document.documentElement.clientWidth獲取寬度（可以使用window.innerWidth），如何判斷系統低於2.3看完美解決移動Web小於12px文字居中的問題。
• 移動端屏幕適配：再談移動端Web屏幕適配

 

易信4.0終於上線，你們能夠體驗一下。我在其中貢獻了公衆號精選頁面，是客戶端新增的部分，基於webview實現，效果是這樣的：

如今沒事就看看本身的頁面，一方面常常推送優質內容， 一方面懼怕出bug。。。囧

此次還使用了regular， 我廠內已經普遍使用，體積小使用簡單。

 

唉， 怎麼看怎麼像一篇廣告。