在某些手机浏览器上,目前测试中小米居多,会出现感觉还不到 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;
解决,但是不甘心啊。