将背景图像缩放到浏览器的大小答案

【问题标题】：Scaling background image to size of browser将背景图像缩放到浏览器的大小
【发布时间】：2012-07-26 15:27:15
【问题描述】：

您好，我正在尝试用他们的黑白大图来实现这个网站的功能：http://oldbarbershop.com.au/

当您从角落调整浏览器窗口的大小时，图像会调整大小，以便整个图片按比例填充整个框架。这是否需要特定的 jquery 插件？还是 CSS3？我见过许多解决方案，例如设置图像背景大小：100%，但这些解决方案并不完全“调整大小”，而只是填充整个框架。

感谢您的帮助！

【问题讨论】：

【解决方案1】：

试试background-size: cover

指定背景图片在保证两个尺寸都大于或等于背景定位区域对应尺寸的情况下，尽可能的缩小”

【讨论】：