根据视口大小设置背景图像以覆盖

Question

关于上述主题,我想知道如何添加代码,将背景图像大小设置为完全覆盖窗口,而不会切断边.我尝试使用高度和宽度自动,覆盖和100%但没有工作.

任何帮助表示赞赏.谢谢!

Answer 1

使用CSS background-size属性.

如果您希望背景图像将区域填充到最小宽度/高度,请使用:

background-size: cover;

如果您希望背景图像填充尽可能大的区域,但仍显示您的所有图像使用:

background-size: contain;