Html CSS背景图像；重新调整尺寸

情况：我有一个div元素，里面有logo、nav和intro文本。这需要有一个背景图像背后的一切

问题：背景图像的大小（100%宽度）必须相同，但高度也必须相同，无论窗口大小如何。所以它可以在水平方向上重新调整大小，但我不希望它在垂直方向上重新调整大小，使它在垂直方向上变小

标题-正常屏幕大小

标题-窗口大小调整、缩小

任何帮助或建议都是非常感谢的！请询问您是否需要更多信息或详细信息

---

---->JSFIDLE在评论中认为您可能能够使用“背景大小：封面；”
这应始终保持背景图像至少100%

---

您可能希望将div height设置为固定数量的像素，例如“height:250px”

尝试以下css属性：

background-size:cover;

或

或

---

使用JSFIDLE、codepen或smth来演示这个问题。也许b这个链接可以帮助您解决您的代码（和JSFIDLE）必须正确的问题。评论不会永远持续下去。

background-size:contain;

    html{
    background: url('http://i.stack.imgur.com/jGlzr.png') no-repeat 0 0 scroll;
    background-color:#0C0C0C;
    background-size: 100% 100%;
    height:100%;
    width:100%;
}