移動端開發 經典坑 第二彈(持續更新)

1. translate 3d 容器中文字出現模糊

當容器的 translate 3d 屬性中出現小數的時候，容器中的文字就會有必定的模糊，當該屬性爲*.5的時候，模糊的現象最嚴重。

translat3d(-341.5px, 0px, 0px);

當這個值爲整數的時候，就ok

解決的方案是更新容器的寬度，使之能被整除。

 

2. 移動端 img標籤下縫隙問題

問題描述：在移動端佈局的時候，img標籤和下方容器會有1px的縫隙

這個問題通常也會出如今pc端的ie 瀏覽器中。

解決：移動端的解決是   vertial-align = top