gpt4 book ai didi

html - 控制背景图像的大小

转载 作者:行者123 更新时间:2023-11-28 02:13:52 24 4
gpt4 key购买 nike

在 JavaScript 中,元素被分配给 var a。如果我像这样简单地将其样式背景分配给图像(大多数图像):a.style = 'background:url(image.jpg)';,图像的宽度和长度将完全调整以适合div 元素的默认值。

但有一个特殊问题:我用手机 (.jpg) 快速拍了一张图片,并将其下载到我的电脑上,并将其 url 值分配给 div 元素的背景。但是,它不会将其宽度和高度调整为 div 元素的宽度和高度。

这是为什么?我该如何解决这个问题?

提前致谢。

最佳答案

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

为了确保图像保持在 div 的约束范围内,您可以使用“contain”

background-size: contain;

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

关于html - 控制背景图像的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48592679/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com