Better

Ethan的博客,欢迎访问交流

移动端 img 出现 1px 空隙

在某些手机浏览器上,目前测试中小米居多,会出现感觉还不到 1px 的缝隙。其他手机如果缩放一下页面,也有可能看到。

搜索引擎提供的解决方案,大多是针对inline-block元素默认vertical:baseline。因此提供的解决方案无外乎这几种

  • 设置 img display: block
  • 设置 img 的verticalmiddle|top
  • 设置 img 父元素的font-size:0或者line-height:0

然后这里并不属于这种情况,stackoverflow 有说是 webkit 内核的 bug,但也没有提供有效的解决方案,苦恼!

万不得已可以使用margin-top: -1px;解决,但是不甘心啊。

远程调试 Android 设备使用入门



留言