我目前正在重新负责CSS WebDesign，并为不同的按钮状态有一些精灵。
在这种情况下，我已经在Firefox，Opera，IE（从IE8开始），Chrome和Safari测试了WebDesign，并且一切都正确显示。该网站已在带有不同浏览器的不同手机和平板电脑下进行了测试。
我处于最终测试阶段，让同事在不同的分辨率中查看网站的外观...拥有MacBook Pro的朋友是唯一遇到此问题的人，只有在Safari下才是为我定位和解决。我试图使用他的屏幕尺寸并将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%;}
问题在于，该测试仪在不应该的情况下看到大约2个像素的像素，只有在Safari中。
感谢您阅读此书。
编辑：解决方案：正如Ralph.m所想的，问题来自Safari中的小数的四舍五入，其行为并不总是与其他浏览器相同。
避免使用.5px之类的值。浏览器将不得不将其四舍五入到整个数字，您不知道它会走哪种方式。