Question

大家好！

我想我的问题很简单，但我无法弄清楚如何解决它：/

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

我已经尝试过宽度和高度，但我不能得到相同的结果

感谢您的帮助！

Answer 1

如果您可以发布您正在使用的代码，以便更好地了解您如何处理此问题，那将是理想的选择。

您发布的Avada链接使用图片作为背景图片，背景大小属性设置为＆＃39; cover＆＃39;。看看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/

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

2 个答案: