Как исправить неожиданное поведение bootstrap на маленьких экранах?

Question

[VAku1a1]

Лирика
Разрабатываю веб-приложение для нашей компании. Опыта у меня не много, но я успел наработаться с bootstrap. Однако сейчас возникла задача хорошей картинки даже на самом маленьком экране.
Суть вопроса
Картинка съезжает на маленьких экранах. Я подозреваю, что это из-за блоков jinja, но это призрачно. Кто сталкивался с такой странной картинкой?
Ожидание

Реальность

Comments

[Евгений]

Что интересно за гаджеты такие с таким экраном? Минимальный экран 320.

[Danny Arty]

А что за устройство с шириной дисплея 134px? Это вы для Нокии 3310 разрабатываете?

[VAku1a1]

Евгений, на практике некоторые телефоны ведут себя как на второй картинке. Видимо экран от пейджера :/

[VAku1a1]

Danny Arty, именно)
Если без шуток, просто предложил крайний показательный вариант. На самом деле проблема менее существенна, но жалобы были, а проблему решить не могу(

[Стефан]

VAku1a1, Очень странно что были жалобы, потому что если макет на 320 нормально отображается, то все должно быть окей (Протестируйте только на сафари и других браузерах), а так если он у вас и на 320 плох, то уже адаптируйте просто

Answer 1

[Валерий Матвиенко]

В реальном мире сейчас не бывает смартфонов с шириной экрана менее 320px, на это и рассчитывает бутстрап.

Answer 2

[Сергей delphinpro]

Всё очень просто: где-то задана фиксированная, либо минимальная ширина для элемента. И этот элемент выходит за пределы доступного вьюпорта, растягивая за собой остальные.

Answer 3

[ThunderCat]

На самом деле у вас ожидание и реальность совпадают, так как в ожидании ширина визуализации раза этак в 2 больше заданной. Ну и соответственно в реальности видна примерно половина ожидания. В чем вопрос состоит так и не понял...