Question

使用JavaScript，该元素将分配给var a。如果我只是将其样式背景分配给图像（大多数图像）：a.style = 'background:url(image.jpg)';，图像的宽度和长度将完美调整以适应div元素的默认值。

但是有一个特别的问题：我用手机（.jpg）拍了一张快照，然后将它下载到我的电脑上，并将其url值分配给div元素的背景。但它不会将其宽度和高度调整为div元素的宽度和高度。

这是为什么？以及如何更正此问题？

提前致谢。

Answer 1

要控制背景图像的大小，可以使用background-size属性。

为确保图像保持在div的约束范围内，您可以使用“包含”

background-size: contain;