移动端开发 经典坑 第二弹(持续更新)

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

当容器的 translate 3d 属性中出现小数的时候，容器中的文字就会有必定的模糊，当该属性为*.5的时候，模糊的现象最严重。

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

当这个值为整数的时候，就ok

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

 

2. 移动端 img标签下缝隙问题

问题描述：在移动端布局的时候，img标签和下方容器会有1px的缝隙

这个问题通常也会出如今pc端的ie 浏览器中。

解决：移动端的解决是   vertial-align = top