在某些手机浏览器上,目前测试中小米居多,会出现感觉还不到 1px 的缝隙。其他手机如果缩放一下页面,也有可能看到。
搜索引擎提供的解决方案,大多是针对inline-block元素默认vertical:baseline。因此提供的解决方案无外乎这几种
- 设置 img
display: block - 设置 img 的
vertical为middle|top - 设置 img 父元素的
font-size:0或者line-height:0
然后这里并不属于这种情况,stackoverflow 有说是 webkit 内核的 bug,但也没有提供有效的解决方案,苦恼!
万不得已可以使用margin-top: -1px;解决,但是不甘心啊。