Задать вопрос
@hujak_hujak

Почему Хром игнорирует viewport?

Здравствуйте, хочу что бы не адаптивный сайт загружался без масштабирования, для этого я прописал такой код:
<meta name="viewport" content="width=device-width">

Сайт отображается в яндекс браузере, в сафари в ios, в файрфокс так, как мне нужно (рис. слева), а в хроме он отображается при первом посещении с масштабированием (как в правом рисунке). Подскажите, как мне это решить?
m0ea.myjino.ru - сайт для теста.
60d39f9292647531456724.jpeg
А вот например на этом сайте https://old-duck-barbershop.ru/ - тут хром отрабатывает нормально с вьюпортом. От туда я собственно и взял.
  • Вопрос задан
  • 199 просмотров
Подписаться 1 Простой 8 комментариев
Пригласить эксперта
Ответы на вопрос 1
@strelok011
указывайте initial-scale
<meta name="viewport" content="width=device-width, initial-scale=1">


А еще - видно, что у вас вьюпорт отрабатывает правильно, иначе у вас вся страница была бы отображена на экране и очень мелко.
Вам нужно либо скорректировать вьюпорт с нужным масштабированием (это зло, управлять оч тяжело), либо делать корректный адаптив - для ширины от 340 до 600 (к примеру) - указываете размер шрифта и картинки отличный от десктопа.
Нужна ручная работа, на автомате - играть с процентом масштабирования (если сработает, если честно, я таким извратом не баловался)
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы