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

Question

[hujak_hujak]

Здравствуйте, хочу что бы не адаптивный сайт загружался без масштабирования, для этого я прописал такой код:

<meta name="viewport" content="width=device-width">

Сайт отображается в яндекс браузере, в сафари в ios, в файрфокс так, как мне нужно (рис. слева), а в хроме он отображается при первом посещении с масштабированием (как в правом рисунке). Подскажите, как мне это решить?
m0ea.myjino.ru - сайт для теста.

А вот например на этом сайте https://old-duck-barbershop.ru/ - тут хром отрабатывает нормально с вьюпортом. От туда я собственно и взял.

Comments

[Сергей delphinpro]

Хотите масштабирование – вообще уберите тег вьюпорт. Или делайте нормальный адаптив.

[hujak_hujak]

Сергей delphinpro, "сайт загружался без масштабирования" - первое предложение. Мне нужно избавиться от масштабирования

[Сергей delphinpro]

hujak_hujak, Слева - масштабирование как раз!
Повторяю еще раз – пилите нормальный адаптив. Это значит, что в первую очередь уменьшите width 1010px на ширине менее 640пикс в медиазпросе.

[Сергей delphinpro]

hujak_hujak, Во втором сайте, который для примера, точно также нет никакого адаптива.

Если нужно так же, уберите тег вьюпорта. Или задайте минимальную ширину (большую, на которой норм выглядит, допустим 1000px) для общего враппера на странице.

[hujak_hujak]

Сергей delphinpro, Убрал тег, добавил обертку, не помогает

[hujak_hujak]

Сергей delphinpro, решил проблему самостоятельно. Что значит пилите нормальный адаптив? Может вы мне его запилите? Клиент предлагает за это 0 рублей. Вы давали абсолютно бредовые советы, не относящиеся к вопросу, хоть и имеете подпись "Куратор CSS". Сайт с ошибкой все еще будет висеть какое то время, предлагаю вам самому решить эту задачку, что бы разбираться в теме и носить знак куратора. И не нужно писать "как должно быть, как правильно, как не правильно", есть сайт с четкой проблемой в css/html и желанием клиента, которая решается.

[Сергей delphinpro]

hujak_hujak, Оплатите - решу

[hujak_hujak]

Сергей delphinpro, Не решите

Answer 1

[strelok011]

указывайте initial-scale

<meta name="viewport" content="width=device-width, initial-scale=1">

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

Comments

[hujak_hujak]

Так мне и нужно, что бы все было мелкое, как на левой картинке Как здесь https://old-duck-barbershop.ru/