CSS背景-图像拉伸高度[重复]

Posted 2023-03-06

【中文标题】CSS背景-图像拉伸高度[重复]

【英文标题】：CSS Background-Image strech height [duplicate]

【发布时间】：2017-06-19 06:45:54

【问题描述】：

我希望我的背景图像始终与用户的桌面屏幕处于同一高度。这可能吗？

【问题讨论】：

是的，有可能，您使用的标记看起来如何？

【参考方案1】：

这应该可以通过将图像的高度设置为 100vh 来实现，但 IE8 或更低版本不支持。

【参考方案2】：

在主体（或具有背景图像的容器）上试试这个：

body  
  background-size: contain;