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

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

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

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

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

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

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

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

这个问题一般也会出现在pc端的ie 浏览器中。

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

原文地址:https://www.cnblogs.com/helloLeon/p/5673027.html