gpt4 book ai didi

html - CSS3背景随机切割我的图像

转载 作者:行者123 更新时间:2023-11-28 11:45:38 26 4
gpt4 key购买 nike

我有两个 html 页面(index.html 和 about.html)在 body 标签中具有相同的背景。我正在使用以下 CSS 来创建背景:

body {
background: url("http://www.skrenta.com/images/stackoverflow.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

但是,浏览器(Firefox 和 Chrome)没有正确定位图像。由于背景颜色为白色,index.html 在背景图像下方有一条白线。我假设图像高度太短。

然而,about.html 的背景图片下有一 block 空白,超过了页面的四分之一。

当我使用相同的 CSS 时,这是怎么发生的。

关于这个主题,管理不同屏幕分辨率的背景图像的最佳方法是什么?

最佳答案

尝试:

background-size:contain;

contain 属性将图像缩放到最大尺寸,使其宽度和高度都能适应内容区域。

关于html - CSS3背景随机切割我的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20513103/

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