我注意到，在显示比例为 1:1 的小图片时，它们通常看起来呈 block 状。我可以在使用 <img> 时解决问题通过使用更大比例的图像并使用 css 设置所需的大小来标记。
但是，我想用 background: url(...) 加载带有 css 的图像
执行此操作时，如果我将元素大小设置为小于我的图像大小，则图像只会部分显示，我可以使用 background-size 来解决这个问题但我知道这不是很兼容跨浏览器？
看看这里明白我的意思http://jsfiddle.net/uSqJW/
最佳答案
是的，您可以通过 background-size 属性来做到这一点，但您需要删除该背景位置或将其从左侧和顶部分别设为 0px 0px。此属性在 IE9 以下将不起作用。
关于css - 使用比容器更大的图像以获得更好的 css 质量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18656902/