h5 img 多张图片拼接一张图片有缝隙

问题描述：在h5 中 把一张图片切成多张图片，然后再页面中显示拼接成一张图片.
正常情况：图片 设置成这样，在正常手机上没有问题


width: 100%;
display: block;

谷歌浏览器调试100% 没有问题

设置成125%

就会出现

这种缝隙，
部分机型会出现（小米手机）

我记得是给图片加上margin-top: -1px;可以解决。

vertical-align: middle;

设置 border: 0