gpt4 book ai didi

使用背景大小时的 CSS 高度

转载 作者:太空宇宙 更新时间:2023-11-04 15:25:50 25 4
gpt4 key购买 nike

所以我想使用 background-size: contain 调整 div 的背景图片大小,并将 width 设置为 100% .我需要这个用于屏幕尺寸可变的移动网站。但是,我在设置高度时遇到了难题。

如果我以像素为单位设置高度,当图片变小时,图片下方会留下空白区域。

如果我不设置高度,图片根本不会出现。

最好的解决方案是什么?

这是我的代码:

<div id="container">
<p>Some text</p>
<div id="my-picture"></div>
</div>

CSS:

#container {
width: 100%;
}
#my-picture {
background:url(somepic.jpg) no-repeat;
background-size: contain;
height: ???
}

最佳答案

根据 W3Schools你应该使用Background-size: cover;

#my-picture {
background:url(somepic.jpg) no-repeat;
background-size: cover;
height: ???
}

关于使用背景大小时的 CSS 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14060065/

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