Mike_Ro
@Mike_Ro
$ run войтивайти

Как задать минимальную ширину сайта на мобильниках?

Всем привет!

Имеется простая страница, при отображение на браузере мобильника (android-chrome) получаем результат, когда браузер не видит установленную ширину страницы в 800px и срезает часть страницы. Далее, чтобы увидеть всю страницу, нужно уменьшить масштаб на мобильнике.

Как сделать, чтобы мобильник изначально видел ширину страницы и сам уменьшал масштаб?
Спасибо!

Что есть по умолчанию:
5ac4963902591164011440.jpegЧто должно быть по умолчанию:
5ac496574b157119215258.jpeg
  • Вопрос задан
  • 146 просмотров
Решения вопроса 1
Mike_Ro
@Mike_Ro Автор вопроса
$ run войтивайти
Нашел решение. Чтобы браузер мобильника создавал масштаб равный ширине нашего блока, то нужно вместо:
<meta name="viewport" content="width=device-width, initial-scale=1">

поставить:
<meta name="viewport" content="width=device-width, shrink-to-fit=no">
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Gortyser
display: none;
Ну так у вас у html и body жестко задана ширина в 800 пикселей. Задайте max-width: 100%.
Ответ написан
Ваш ответ на вопрос

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

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