如何使用 CSS 设置响应式全背景图像？

本文的目的是使用 CSS 设置响应式全背景图像。

要使用 CSS 设置响应式全背景图像，我们将使用 CSS background-size 属性的值是auto ，它告诉浏览器根据容器自动缩放图像的宽度和高度，使元素居中。对于小尺寸设备，我们将添加媒体查询以减小图像文件的大小以快速加载。

句法：

background-size: auto; 

例子：

HTML

输出：