Ich habe divs, eine oben fixiert, und andere unten fixiert.Position: Feste Eigenschaft funktioniert nicht auf kleinen Bildschirmen
Sie sind auf großen Bildschirmen (Computer) fixiert, aber nicht in kleinen Bildschirmen (Mobiles).
Meine CSS:
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
.navbar-fixed-top {
top: 0;
}
Besuchen website für Demo!
statisch Wenn Sie in der mobilen Ansicht in Desktop-Check ist auch nicht festgelegt, weil in Bootstrap ansprechbar css
Nur Update unten CSS im Code von CSS definieren:
@media (max-width: 979px)
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
}
}
Es sieht so aus, als ob Ihr Körper eine Auffüllung auf kleineren Bildschirmgeräten hat und das ist das Problem, nicht die feste Positionierung selbst.
Würde es Ihnen etwas ausmachen, die Antworten auf alle Antworten zu erklären? –
Das ist, weil diese Art
Es ändert das Attribut von navbar auf Bildschirme mit 979px oder weniger
Machen Sie es einfach (in den Medien Abfrage)
media [email protected] (max-width: 979px)
bootstrap-responsive.min.css:9 .navbar-fixed-top, .navbar-fixed-bottom { position: static; }
ersetzen position:static mit position:fixed
Teilen Sie eine minimale Arbeitskopie Ihrer HTML und CSS und erklären das Problem gründlicher. Teilen Sie Ihre Website ist nicht genug Forschung. –
Willkommen bei Stack Overflow! Fragen, die Code-Hilfe benötigen, müssen den kürzesten Code enthalten, der für die Reproduktion in der Frage erforderlich ist **, vorzugsweise in einem ** Stack Snippet **. Obwohl Sie einen Link bereitgestellt haben, würde Ihre Frage für andere zukünftige SO-Benutzer mit demselben Problem keinen Wert haben, wenn sie ungültig werden sollte. Siehe [** Etwas in meiner Website funktioniert nicht, kann ich nur einen Link einfügen **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project- doesnt-work-kann-ich-nur-einfügen-a-link-to-it). –