在此网站上：http://goo.gl/VNct8O我为可用的付款方式制作了一个小部件。预计其中的所有徽标都将为视网膜做好准备。 我使用coolrunnings来使用spriteme服务来开发sprite。
然而，当我在chrome中缩放到200％时，所有徽标看起来都很紧张。位置是正确的，只是图像被拉伸。怎么能理解什么是错的......
答案 0 :(得分：0)
我对Retina没有太多经验，但这可能会有所帮助，我认为你需要使用媒体查询
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
/* Retina-specific stuff here */
}
这是一篇关于它的好文章http://css-tricks.com/snippets/css/retina-display-media-query/
答案 1 :(得分：0)
将background-size上的64px 584px;更改为ul.accepted-payment-methods li.american-express span会解决问题。从那里开始，只需调整每种付款类型的background-position，您就应该好好去。