HTML marge inférieure pour responsive navbar-fixed-bottom

Question

J'ai ce navbar-fixed-bottom à la fin de la page mi.

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

ajouter un fond de marge pour le HTML

html { margin-bottom: 100px } 

.. pour éviter le pied de page couvre mon contenu. Cela fonctionne bien pour la résolution de bureau, mais avec une résolution plus petite, non. C'est parce que le img du pied de page est sensible, donc la hauteur diminue, mais pas le margin-bottom du HTML.

La question est de savoir comment rendre le margin-bottom du html "responsive", en fonction de la hauteur de la barre de navigation.

Merci.

Answer 1

je l'ai fait avec

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