我目前正在开发一个reonsive css网页设计，并为不同的按钮状态设置了几个精灵。
在这种情况下，我测试了Firefox，Opera，IE（从IE8开始的兼容性），Chrome和Safari的网页设计，一切都正确显示。该网站已在不同的手机和平板电脑下使用不同的浏览器进行测试，没有任何问题。
我正处于最后的测试阶段，并且让同事看到网站在不同的分辨率下看起来如何......拥有macbook pro的朋友是唯一一个遇到这个问题的人，只有在徒步旅行中才会让人感到困难让我目标和解决。我试图使用他的屏幕大小和将safari的模式切换到mac用户的模式来重现问题而没有成功。
代码如下：
.buttons-menu .btn .rules, .buttons-menu .btn .contact , .buttons-menu .btn .tickets , .buttons-menu .btn .profile { display: block; width: 143px;height: 32.5px;padding-top: 37.5px; background-size: 100% 300%;}
.buttons-menu .btn .rules {background: url(../images/sprite-button-03.png); background-position: 0 -100%;}
问题是这个测试人员在他不应该看到sprite的第二部分的大约2个像素，而这只是在safari中。
感谢您阅读本文。
编辑：解决方案：正如ralph.m所想，问题来自于safari中的小数舍入，并不总是与其他浏览器中的小数相同。
答案 0 :(得分：0)
避免使用.5px之类的值。浏览器必须将其向上或向下舍入到整数，并且您不知道它将以何种方式运行。