Как пропорционально сжимать размеры сайта на разных расширениях?

Question

[NomadictionW]

Смотрите, если при адаптации сайта я задам viewport таким <meta name="viewport" content="width=450">, то на всех экранах с расширением меньше 450 сайт будет уменьшаться пропорционально. Это клево и удобно.

Но почему задав <meta name="viewport" content="width=1200"> сайт также пропорционально не уменьшается, а обрезается?

Было бы удобно сверстать pixel perfect всего пару расширений и чтобы в остальных сайт у тебя масштабировался бы по ним без резиновой верстки.

Comments

[Ankhena]

И что на 380 будет с шрифтом, который на 1440 был 16px?

[NomadictionW]

Ankhena, на 380 будет шрифт, который под 450 был взят. На 1000 будет шрифт, который был взят под 1200. Все ок с размерами.

[NomadictionW]

В каких точках верстать каждый сам определит. Оптимально — 3 стандартных расширения. Но хочу найти решение, где сайт не будет между контрольными точками изменяться. Чтобы, например, контролировать перенос слов или точность позиционирование разных элементов.

[Ankhena]

NomadictionW, короче, для этого есть единицы vw и функции типа clamp, min и max.
Нюансы использования всё равно будут, потому что совсем не все блоки и их детальки просто так можно масштабировать, потому что пользователь может хотеть свой увеличенный шрифт и т.д.

[NomadictionW]

Ankhena, это да. Я просто не понимаю поведение viewport тега. Почему в мобайле при маленьких расширениях сайт пропорционально уменьшается, а на десктопе нет?

[Ankhena]

NomadictionW, этот мета тег не работает на десктопах