调整窗口大小时调整图像

Question

everyone！

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

我想使图像全高和全宽，当我们调整窗口的大小宽度，图像大小调整正确像这样的例子： 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/

Answer 2

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

您发布的Avada链接将图片用作背景图片，背景大小属性设置为“封面”。看看this example on w3 schools。