gpt4 book ai didi

html - 如何按高度拉伸(stretch)图像?

转载 作者:行者123 更新时间:2023-11-28 04:07:18 25 4
gpt4 key购买 nike

我正在尝试从网站制作我的背景,所以如果我转到移动设备,它会在中心按高度拉伸(stretch)。从那里得到的东西:large screen那个small screen

我的代码是:

    body{
background-image: url("Tie_logo_shaders.jpg");
background-color: black;
background-size: 100% 100%;
background-size: cover;
background-repeat: no-repeat;
}

最佳答案

试试这个代码

.bg-img{
background: url("https://s-media-cache-ak0.pinimg.com/originals/27/3e/43/273e43a71854d8359186ecc348370f8d.jpg") no-repeat center center;
min-height: 100%;
position: relative;
}
html,body{
margin: 0;
padding: 0;
height: 100%;
}
<body>
<div class="bg-img">
</div>
</body>

关于html - 如何按高度拉伸(stretch)图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42895251/

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