响应式背景图片（全高）答案

【问题标题】：Responsive background image (full height)响应式背景图片（全高）
【发布时间】：2014-01-05 00:04:02
【问题描述】：

我想将图像作为背景放在网站中，并且我希望该图像具有响应性，但页脚始终位于底部，因此图像大小调整后，我想在宽度上“截断”。我举三个例子。

示例 #1：以 16:9 的比例查看网络

示例 2：在智能手机上查看网络

谁能帮帮我？（我使用谷歌翻译，所以请原谅任何奇怪的英语用法）

【问题讨论】：

【解决方案1】：

尝试使用：

background-size: cover;

或

background-size: contain;

【讨论】：