Bootstrap 100%-height页面,带有响应新闻部分

时间:2014-12-02 17:36:36

标签: html css twitter-bootstrap iframe

我正在创建一个带有Bootstrap的100%-width / 100%-height(无滚动条)网站,我想创建一个新闻栏目(就像iframe一样)。宽度:好的。问题是我不能使身高响应。我希望新闻栏目的高度发生变化,所以我不会得到空白区域#34;在较大的屏幕或较小的滚动条。 (我喜欢80%的高度iframe)。

任何提示?这就是我想要的样子:

enter image description here

1 个答案:

答案 0 :(得分:0)

也许你可以玩VH

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

像这样使用

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

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