Как масштабировать до ширины страницы с помощью viewport в google chrome?

Question

[Aricus]

Сайт адаптирован до ширины в 480 пикселей. Я хочу, чтобы при большей ширине экрана масштабирования не происходило, а при меньшей сайт уменьшался до ширины в 480 пикселей. В некоторых браузерах всё работает нормально, но в google chrome (как на компьютере, так и на смартфоне) мне не удаётся подобрать подходящий viewport. Вот некоторые из вариантов, которые я перепробовал:
Задают нужную ширину, но не масштабируют:

<meta name="viewport" content="width=480">
<meta name="viewport" content="width=480, initial-scale=1">
<meta name="viewport" content="width=480, initial-scale=1, maximum-scale=1, minimal-ui">

Ничего не делают, но так как я в css также задал минимальную ширину, результат тот же:

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

Масштабирует, но устанавливает ширину в 980 пикселей
<meta name="viewport" content="user-scalable=no">

Answer 1

[Сергей delphinpro]

https://gist.github.com/delphinpro/a962978d668b63e...

Comments

[Aricus]

Это заменяет viewport на нужный от ширины браузера. Вопрос в том, что не получается понять, какой viewport нужно поставить при маленькой ширине. Так что это мне не поможет.

[Сергей delphinpro]

Aricus, Если у вас минимальная ширина 480, то на меньшей ширине нужно поставить width=480, для всех остальных width=device-width. Тогда от нуля до 480 сайт будет масштабироваться, а выше - адаптироваться.
Именно это скрипт и делает.

[Aricus]

Сергей delphinpro, Это понятно, но, к сожалению, это не работает. Как я и сказал, width=480 не уменьшает масштаб при меньшей ширины экрана. В этом и есть суть вопроса.

[Сергей delphinpro]

Aricus, ну хз. у меня всегда работало, а у вас вдруг нет...

[Сергей delphinpro]

Aricus, https://habr.com/ru/articles/686748/