移动端开发 经典坑 第二弹(持续更新)
1. translate 3d 容器中文字出现模糊
当容器的 translate 3d 属性中出现小数的时候,容器中的文字就会有一定的模糊,当该属性为*.5的时候,模糊的现象最严重。
translat3d(-341.5px, 0px, 0px);
当这个值为整数的时候,就ok
解决的方案是更新容器的宽度,使之能被整除。
2. 移动端 img标签下缝隙问题
问题描述:在移动端布局的时候,img标签和下方容器会有1px的缝隙
这个问题一般也会出现在pc端的ie 浏览器中。
解决:移动端的解决是 vertial-align = top