Как сделать отображение мобильной версии сайта?
Есть адаптивный сайт, с минимальной шириной контейнера 375px. Вьюпорт указан следующий:
<meta name="viewport" content="width=device-width, initial-scale=1">
Проблема в том, что на теефонах с разрешением меньше 375px появляется горизонтальная полоса прокрутки. Можно ли сделать так, чтобы при размерахэкрана менее 375px (например 320px), содержимое масштабировалось и полностью помещалось в экран, без горизонтальной полосы прокрутки?
Ответы (1 шт):
Автор решения: BlackStar1991
→ Ссылка
Вам необходимо блоку который оборачивает ваш контент задать значение стилей position:relative; max-width:100vw; width:100%; overflow:hidden; это поможет скрыть вылазящие за контент элементы, обычно так происходит если на странице имеються объекты с фиксироваными размерами (примерет <img> <video>)