我正在创建一个网站，该网站将使用我无法平铺的图像。我需要这张图片来覆盖整个背景屏幕。但是，我希望它既适用于大型显示器，也适用于小型显示器。
我应该制作一张大背景图片并使用 background-size 将其缩小，还是应该创建不同尺寸的同一图片的多个版本，然后使用 CSS3 媒体查询来选择应该显示的图片？如果是这样，我应该使用什么屏幕尺寸断点？
最佳答案
您可以使用 background-size属性设置为 contain 或 cover。这对于缩放伪影不那么明显的摄影背景(而不是图案)尤其有效。
请记住为 IE8 及以下设置回退规则(拉伸(stretch)背景就足够了)。
关于css - 大背景图像和屏幕尺寸，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14471576/