在上面的示例中,我们为一个div元素设置了背景图片,并使用background-size: cover;来确保背景图片完全覆盖div区域。同时,我们还设置了background-repeat: no-repeat;来确保背景图片不重复。
这些样式都不会影响到图片的大小，你点开network看看，它每次都会请求原图，然后只是对原图执行样式操作而已。