Мобильная версия сайта не полностью отображается на смартфоне, возможно ли это исправить?
Есть сайт на bootstrap сетке. Минимальная ширина мобильной версии сайта ограничена 450px так как дизайн и контент не позволяет сильнее ужать.
Проблема в том, что при сайт отображается не полностью по ширине.
Если убрать initial-scale=1 то в некоторых браузерах на смартфоне сайт сразу отображается целиком, но возникает другая проблема. Высота wrapper'a установлена 100vh и футер прижат к низу, но при просмотре на смартфоне под футером остается пустое место, видимо из-за масштабирования. Есть ли способ исправить эти проблемы не меняя минимальной ширины? Очень нужна помощь, гугл не помог=(
Да даже iPhone серии Plus и XS Max — 414 пикселей по ширине. Не говоря уже про iPhone XS и все прочие — 375 пикселей. Огромная плеяда телефонов на Android с шириной 360 пикселей.
Вариантов нет — либо полностью отключать адаптивность, либо косыми методами пытаться масштабировать а-ля как это делает CodePen. Либо же — делать нормальную адаптивность.
Простой
