@lezhenkin

Как заставить Bootstrap корректно отображать веб-страницы на экране маленьких смартфонов?

Использую четвертую версию Bootstrap. Открывая сайт на iPhone 5S в книжной ориентации вижу, что правая и немалая часть страницы за пределами границ экрана. Приходится масштабировать страницу.

Почему-то браузер считает, что страницу нужно масштабировать не по параметру ширины 320 px, а по высоте экрана: 568 px. В альбомной ориентации все как надо, конечно же.

Как заставить Bootstrap и браузер взаимодействовать корректно в этом случае?

Добавить брейкпоинт в SASS для экрана 320 px? Так себе выход. При этом у div.container margin-left имеет значение auto, которое делает громадный отступ слева. Да, его можно обнулить через CSS, но тогда остаётся громадный отступ справа.

Использовать JavaScript, чтобы на таких экранах менять класс container на container-fluid? Тоже не очень хотелось бы.

Что посоветуете?
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы