移動端常見相容性問題
阿新 • • 發佈:2019-02-11
-
1、設定文字行高為字型行高,解決文字上下邊留白問題。 2.給動態元素新增事件,需要使用事件委託(繫結到document),解綁也需要用委託的方式。蘋果機點選事件不能觸發。需要用touch系列事件。 3.Img標籤src屬性無值(php渲染過的),在蘋果機上顯示無圖片,在安卓機上顯示圖片裂開,可加alt屬性及值。 4.同一個標籤多次繫結同一個事件(頁面複雜情況容易出現這種情況,儘量避免這種情況),可以減少bug的出現,利於維護頁面; 5.在rem自適應頁面使用精靈圖。會容易出現圖片缺角的問題(約1-2畫素)。解決辦法:使裝精靈圖的盒子變大,讓圖片居中顯示。 6.給選中的盒子增加一個標識,可以使用偽元素,減少標籤的使用。 7.有橫向滾動條的內容被垂直觸控,在ios機上無法滾動頁面。可使用:html,