2014-12-02 35 views
0

我使用Bootstrap創建100%寬度/ 100%高度(無滾動條)網站,並且我想製作新聞欄目(就像iframe一樣)。寬度:好的。問題是我無法讓身高響應。我希望新聞部分的高度發生變化,所以我不會在較大的屏幕或較小的滾動條中獲得「空白區域」。 (我想要一個80%的高分辨率iframe)。Bootstrap 100%高度頁面響應式新聞部分

任何提示?這是我想要的樣子:

enter image description here

+0

我有一個jQuery解決方案。可以接受嗎? – Banzay 2014-12-02 18:27:24

+0

不需要jQuery:提示:'position:absolute'。 – Adam 2014-12-02 20:31:35

回答

0

也許你可以用VH

15vh =視區的當前高度的15/100或高度的15%

使用它玩這樣

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

請閱讀這篇文章 http://www.tipue.com/blog/css3-vw-vh/

+0

真的有效!非常感謝 ;)) – Lelp 2014-12-04 09:13:47