gpt4 book ai didi

html - 具有响应式新闻部分的 Bootstrap 100% 高度页面

转载 作者:行者123 更新时间:2023-11-28 08:53:10 25 4
gpt4 key购买 nike

我正在使用 Bootstrap 创建一个 100% 宽度/100% 高度(无滚动条)的网站,我想制作一个新闻栏目(就像一个 iframe)。宽度:好的。问题是我无法使高度响应。我希望新闻部分的高度发生变化,所以我不会在大屏幕上看到“空格”,在小屏幕上也看不到滚动条。 (我想要一个 80% 高度的 iframe)。

有什么提示吗?这就是我想要的样子:

enter image description here

最佳答案

也许你可以玩VH

15vh = 视口(viewport)当前高度的 15/100 或高度的 15%

这样使用

.content{
min-height: 100vh; // define your VH
}

请阅读本文 http://www.tipue.com/blog/css3-vw-vh/

关于html - 具有响应式新闻部分的 Bootstrap 100% 高度页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27255563/

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