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

时间:2017-08-15 16:22:34

标签: html css sass less

大家好!

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

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

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

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

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

您发布的Avada链接使用图片作为背景图片,背景大小属性设置为' cover'。看看this example on w3 schools

答案 1 :(得分: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/