调整窗口大小时调整图像
问题描述:
everyone!调整窗口大小时调整图像
我想我的问题很简单,但我无法弄清楚如何解决它:/
我想使图像全高和全宽,当我们调整窗口的大小宽度,图像大小调整正确像这样的例子: https://avada.theme-fusion.com/resume/
我已经试过玩的宽度和高度,但我不能有同样的结果
谢谢您的帮助!
答
您正在寻找的财产是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/
+0
是的,这正是!谢谢 :) –
答
如果您可以发布您正在使用的代码,以便更好地了解您如何进行此操作,那将是理想选择。
您发布的Avada链接将图片用作背景图片,背景大小属性设置为“封面”。看看this example on w3 schools。
请包括HTML和您所使用的CSS,你得到的结果,所以我们可以帮助 – FluffyKitten