對於響應式導航欄固定底部的HTML頁邊距底部

我在頁面末尾有這個navbar-fixed-bottom。對於響應式導航欄固定底部的HTML頁邊距底部

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> 
    <div class="container"> 
    <img src="images/banner2.jpg" class="img-responsive"> 
    </div> 
</div>

我補充保證金底部的HTML

html { margin-bottom: 100px }

..避免頁腳覆蓋我的內容。這對於桌面分辨率來說工作得很好，但分辨率較低，而不是。那是因爲頁腳的img是響應式的，所以高度下降，但不是HTML的margin-bottom。

問題是如何使HTML「響應」的margin-bottom，這取決於導航欄的高度。

謝謝。

來源

2017-06-13 Adrian

我

@media (max-width: 640px) {/ 
    html { margin-bottom: 50px } 
}

使它

來源

2017-06-13 20:56:50 Adrian

對於響應式導航欄固定底部的HTML頁邊距底部

回答

相關問題