html - 调整窗口大小时调整图像大小

Question

大家好!

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

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

我已经试过调整宽度和高度了，但是我得不到相同的结果

感谢您的帮助!

Answer 1

您要查找的属性是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/