所以在这个网站上: https://www.sohofarmhouse.com/hotel/farmyard-up
当屏幕尺寸发生变化时,背景图像会自动调整大小,但始终保持纵横比。
我的猜测是这与div中的div有关,但请有人为我分解,因为我希望能够在我自己的网站上实现这一点。
非常感谢。
答案 0 :(得分:0)
嗯,至少有两种方法可以达到这个效果。您可以根据浏览器兼容性选择其中一个。
1)您可以使用div的背景图像和设置选择纯css解决方案:
&sub
如果IE8是您的目标浏览器之一,则无法使用此方法。
2)您可以使用javascript库。我经常使用名为jquery Backstretch的库。它非常易于使用。