0
Эй, я реализовал фиксированную навигационную панель (которая находится в верхней части страницы во время прокрутки страницы) с помощью бутстрапа. Чтобы исправить это, я добавил следующие свойства CSS:Фиксированная навигационная панель на мобильном телефоне
.fixed {
top: 0;
width: 100%; // Fallback
width: 100vw;
position: fixed;
}
<div class='container-fluid'>
<div class='row fixed'>
<div class='col-xs-4 col-md-4'>foo</div>
<div class='col-xs-4 col-md-4'>bar</div>
<div class='col-xs-4 col-md-4'>blah>/div>
</div>
</div>
Он отлично работает на настольном компьютере и tabets. Однако на мобильных устройствах поведение кажется немного странным, и панель вообще не отображается. Это что-то не так с тем, что я сделал?
Что делать, если вы используете только 100%? – luk492