Html 响应背景图像
我的背景图像有问题。我的背景图像是全宽的,但没有响应。在我的代码中,我使用的是引导。我希望这不是问题 图片在991像素时消失,有或没有媒体查询。另外,使图像全宽的唯一选项是使用背景大小的封面 当我使用width 100%时(这会使它更灵敏),它实际上不起作用。然后图像分裂。与Html 响应背景图像,html,css,Html,Css,我的背景图像有问题。我的背景图像是全宽的,但没有响应。在我的代码中,我使用的是引导。我希望这不是问题 图片在991像素时消失,有或没有媒体查询。另外,使图像全宽的唯一选项是使用背景大小的封面 当我使用width 100%时(这会使它更灵敏),它实际上不起作用。然后图像分裂。与最大宽度相同:100%。我不知道为什么它不起作用 我的代码: body,html{ 填充:0px; 边际:0px; 字体系列:“Thessans Swisscom”!重要; } @仅介质屏幕和(最小宽度:991px){ .
最大宽度相同:100%
。我不知道为什么它不起作用
我的代码:
body,html{
填充:0px;
边际:0px;
字体系列:“Thessans Swisscom”!重要;
}
@仅介质屏幕和(最小宽度:991px){
.col-md-3{
宽度:计算(25%-10px)!重要;
右边距:5px;
左边距:5px;
边缘顶部:10px;
背景色:白色;
职位:相对!重要;
字体系列:Thessans Swisscom;
显示:块;
填充:0px!重要;
}
}
a:链接{
颜色:黑色;
}
a:参观了{
颜色:黑色;
}
.a{
填充:70px;
位置:相对位置;
右-5%;
}
a{
颜色:黑色!重要;
}
.中央大厦{
宽度:100%;
}
氢{
字体大小:30px;
保证金:0自动;
宽度:9em;
文本对齐:居中;
}
普塔格先生{
线高:1.2;
填充物:5px;
}
.按钮{
右边距:10px;
高度:45px;
宽度:45px;
背景色:黑色;
字体大小:60px;
颜色:白色;
文本对齐:居中;
线高:45px;
底部:10px;
光标:指针;
z指数:1;
字体系列:Thessanswisscom;
位置:相对位置;
右-98%;
顶部:-308px;
}
.ktm{
文本对齐:居中;
}
.h1{
字体大小:36px;
文本对齐:居中;
}
氢{
字体大小:30px;
保证金:0自动;
宽度:9em;
文本对齐:居中;
}
.img中心{
显示:块;
保证金:0自动;
}
a:链接{
颜色:黑色;
}
.行{
显示:块;
}
@仅介质屏幕和(最小宽度:991px){
.img{
背景图像:url('https://pbs.twimg.com/profile_images/3396462371/53b106cad4de869739517b1ff5d75429.jpeg');
背景尺寸:封面;
背景重复:无重复;
}
}
.集装箱{
宽度:100%!重要;
填充:100px;
}
.cardContainer{
宽度:1200px;
位置:相对位置;
左边距:计算(50%-600px);
}
细节
+
细节
细节
细节
细节
我不确定这是否是您想要的,但请看一看
.img{
背景图像:url('https://pbs.twimg.com/profile_images/3396462371/53b106cad4de869739517b1ff5d75429.jpeg');
背景重复:无重复;
背景尺寸:封面;
}
.中央大厦{
宽度:100%;
}
细节
+
细节
细节
细节
细节
我不确定这是否是您想要的,但请看一看
.img{
背景图像:url('https://pbs.twimg.com/profile_images/3396462371/53b106cad4de869739517b1ff5d75429.jpeg');
B
background-repeat: no-repeat;