调整大小时调整图像大小 window

Question

各位！

我想我的问题很简单，但我不知道如何解决：/

我想制作一个全高和全宽的图像，当我们调整 windows' 宽度时，图像会正确调整大小，如下例所示： https://avada.theme-fusion.com/resume/

我已经试过调整宽度和高度，但结果不一样

感谢您的帮助！

Answer 1

如果您可以 post 您正在使用的代码以便更好地了解您将如何处理这件事，那将是理想的选择。

您 post 编辑的 Avada link 将图像用作背景图像，背景大小属性设置为 'cover'。看看this example on w3 schools.

Answer 2

您要查找的属性是background-size: cover。

body{
  background-image: url('https://avada.theme-fusion.com/resume/wp-content/uploads/sites/66/2016/07/home_bg.jpg');
  background-size: cover;
  background-position: center;
}

您需要使用 css background-image 而不是 <img/> 来实现此结果。

这是一个演示：https://jsfiddle.net/7rqm0mtb/

调整大小时调整图像大小 window

Resize image when resizes window

html

css

sass

less