考虑一下，我们有一个72x100px的PNG图片，称为pic.png。它的左半部分是黄色，右半部分是黑色。
然后，我们有了一个网页，其中包含<i class="picture"></i>带有以下CSS的元素：
.picture {
background-image: url('pic.png');
background-position: 0 36px;
display: inline-block;
height: 36px;
width: 36px;
}
如果我在Chrome 50或Opera 37中打开此页面并将缩放比例设置为33％，67％或90％，则在该元素的右侧会看到一个1px的黑色条纹。屏幕分辨率为1920x1080。
我们如何解决此问题，以使该元素在任何浏览器中始终以任何比例显示为黄色？
现在，我知道如果将宽度设置为35.5px，则只有在比例为67％时才会看到黑色条纹。
尝试添加它，看看是否可以解决问题...
display: inline-table;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句