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

Сайт адаптирован до ширины в 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">

Дополнительно:

Ответы:

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

• Это заменяет viewport на нужный от ширины браузера. Вопрос в том, что не получается понять, какой viewport нужно поставить при маленькой ширине. Так что это мне не поможет.
• Aricus, Если у вас минимальная ширина 480, то на меньшей ширине нужно поставить width=480, для всех остальных width=device-width. Тогда от нуля до 480 сайт будет масштабироваться, а выше - адаптироваться.
  Именно это скрипт и делает.
• Сергей delphinpro, Это понятно, но, к сожалению, это не работает. Как я и сказал, width=480 не уменьшает масштаб при меньшей ширины экрана. В этом и есть суть вопроса.
• Aricus, ну хз. у меня всегда работало, а у вас вдруг нет...
• Aricus, https://habr.com/ru/articles/686748/