Html 根据屏幕大小设置集装箱高度-引导

标题{
位置：绝对位置；
左：0；
右：0；
排名：0；
背景色：#1F；
身高：10%；
}
html body.container-fluid.body-content{
位置：绝对位置；
排名前10%；
底部：12%；
右：0；
左：0；
溢出y：自动；
背景色：#171717；
垫顶：5vh；
}
.页脚{
位置：绝对位置；
左：0；
右：0；
底部：0；
背景色：#1F；
身高：12%；
}

一些东西
再来点东西
还有别的东西吗

我不完全确定您想做什么，但如果您希望某些东西仅在

xs

和

sm

设备上可见，请使用

colmd可见块

的作用是什么？这不是一个标准的引导类。它是否使用

display:none

或只是

visibility:hidden隐藏元素

在所有现代浏览器中，您还可以将CSS功能与
vh
和
vw
单元结合使用。从我对这个问题的理解来看，您可以始终使用媒体查询删除特定视口上的底部边距

尝试并调整此代码，以便：


//对于小于md的屏幕
@媒体屏幕和屏幕（最大宽度：991px）{
#福{
显示：无；
}
}
//对于大于sm的屏幕
@媒体屏幕和屏幕（最小宽度：991px）{
#福{
保证金：X；
}
}
我想只有使用@media才能完成这项工作。e、 g.
@media（最大宽度：800px）{/*如果宽度等于或小于800px，则应显示的CSS位于此处*/}