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