За последние 24 часа нас посетили 20554 программиста и 1146 роботов. Сейчас ищут 740 программистов ...

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

Тема в разделе "HTML и CSS", создана пользователем Aricus, 14 сен 2023.

Метки:
  1. Aricus

    Aricus Новичок

    С нами с:
    14 сен 2023
    Сообщения:
    1
    Симпатии:
    0
    Сайт адаптирован до ширины в 480 пикселей. Я хочу, чтобы при большей ширине экрана масштабирования не происходило, а при меньшей сайт уменьшался до ширины в 480 пикселей. В некоторых браузерах всё работает нормально, но в google chrome (как на компьютере, так и на смартфоне) мне не удаётся подобрать подходящий viewport для маленькой ширины экрана (при необходимости, могу сделать замену на js). Вот некоторые из вариантов, которые я перепробовал:
    Задают нужную ширину, но не масштабируют:
    HTML:
    1. <meta name="viewport" content="width=480">
    2. <meta name="viewport" content="width=480, initial-scale=1">
    3. <meta name="viewport" content="width=480, initial-scale=1, maximum-scale=1, minimal-ui">
    Ничего не делают, но так как я в css также задал минимальную ширину, результат тот же:
    HTML:
    1. <meta name="viewport" content="width=device-width">
    2. <meta name="viewport" content="width=device-width, initial-scale=1">
    Масштабирует, но устанавливает ширину в 980 пикселей
    HTML:
    1. <meta name="viewport" content="user-scalable=no">