Как задать статичный viewport width?
Задаю content width 1980
<meta name="viewport" content="width=1980" /> |
<meta name="viewport" content="width=1980" />
Но если открыть страницу с разрешением меньше 1980, появляется горизонтальный скрол. Как сделать так, чтобы во всех разрешениях было 1980px (если разрешение устройства меньше, то чтобы автоматом менялся масштаб)
Дополнительно:
А что не так с классическим значением?
content="width=device-width, initial-scale=1"
Но если открыть страницу с разрешением меньше 1980, появляется горизонтальный скрол.
Где открыть? На компе?
Этот тег не для десктопов.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для задания статичного viewport width в веб-приложении можно использовать мета-тег viewport в HTML. Этот тег позволяет управлять масштабированием и размером окна просмотра на мобильных устройствах.
Чтобы задать статичное значение для ширины viewport, необходимо указать значение для ширины в пикселях в атрибуте content тега viewport. Например, для установки ширины в 320 пикселей, код будет выглядеть следующим образом:
Этот код нужно разместить в секции вашего HTML документа. После этого ширина viewport будет фиксированной и не будет меняться в зависимости от размера экрана устройства.
Однако, стоит учитывать, что фиксированная ширина viewport может привести к проблемам с отображением на различных устройствах, особенно на устройствах с разными размерами экранов. Поэтому перед использованием статичного значения ширины viewport, рекомендуется тщательно протестировать отображение на различных устройствах и экранах.
Надеюсь, данное объяснение поможет вам задать статичный viewport width в вашем веб-приложении. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.