我注意到，当显示比例为1：1的小图像时，它们通常看起来很块。通过使用较大比例的图像并使用css设置所需的大小，我可以在使用<img>标记时解决此问题。
但是，我想用background: url(...)
如果我将元素大小设置为小于我的图像大小，那么图像只是部分显示，我可以使用background-size来解决这个问题，但我知道这不是跨浏览器兼容的吗？< / p>
看看这里，看看我的意思http://jsfiddle.net/uSqJW/
答案 0 :(得分：0)
是的，您可以通过background-size属性执行此操作，但您需要删除该背景位置或分别从左侧和顶部使其为0px 0px。此属性在IE9下方不起作用。
答案 1 :(得分：0)
AFAIK背景大小是设置大小的唯一方法，因为没有比率选项，但它得到了很好的支持 - 请参阅http://caniuse.com/background-img-opts
这是一篇关于加载更高分辨率图像的好处和机制的好文章http://www.html5rocks.com/en/mobile/easy-high-dpi-images/