对于响应式导航栏固定底部的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页边距底部

回答

相关问题