Как масштабировать область просмотра до минимальной ширины

Question

Задача: У меня есть страница, которая выглядит ужасно 0 4805x1080 и не содержит достаточную релевантную информацию пользователю.

Попытанные Решения:

• (. Ех 320px экран) установить исходный масштаб до 1,5, а затем нужно установить масштаб соответственно для всех размеров экрана между 320-480px.
• (например, экран 320 пикселей) задает ширину вашего экрана просмотра до 480 пикселей, однако это заставляет вас прокручивать экран, а не увеличивать масштаб, как это делает масштаб.

Вопрос: Мне кажется, что это комбинация двух решений. Один из них будет масштабировать мой просмотр, но только пока он не покажет минимальную ширину, такую ​​как 480 пикселей на экране. Возможно ли это без javascript или это решение № 1, что мне нужно будет сделать?

Другие соображения: Решение должно работать на всех браузерах/мобильный телефон (IE11 +)

Answer 1

попытались использовать медиа-запросы?

Например:

@media screen and (min-width: 480px) { 
    body { 
     background-color: lightgreen; 
    } 
} 

Answer 2

Я не 100% уверен, что вы пытаетесь сделать, но если я правильно понимаю, вы можете установить это в CSS. Установка ширины до 100% будет держать ее гибкой в ​​окне окна просмотра. & Установка минимальной ширины не позволит ей получить меньше.

html,body { 
    width: 100%; 
    min-width: 480px; 
    height: auto; 
}