Как заставить статическую HTML-страницу сжиматься или растягиваться под мобильные экраны?

Question

Здравствуйте, я использую простой HTML (без адаптивного фреймворка - очень новый для веб-разработки) и CSS.Я хочу сделать страницу только для мобильных экранов.Я знаю, что существуют адаптивные макеты и структуры, но на данный момент я не хочу использовать его.

Есть ли способ «масштабировать» (не переупорядочивать, как в адаптивном дизайне и дизайне гибкой коробки) страницу HTML, чтобы она занимала 100% экрана.(без прокрутки, только 100% умещается на экране - больше похоже на мобильное приложение).

Answer 1

Если вы:

• избегайте явной установки ширины элементов на странице, например, ширины изображения или div
• и вы не имеет метатег области просмотра в заголовке документа, например, <meta name="viewport" content="width=device-width, initial-scale=1.0">
• , а у вас нет медиазапросов в вашем CSS, например @media (max-width: 480px) {... }

тогда смартфоны обычно масштабируют страницу, чтобы соответствовать экрану.

Удачи, надеюсь, это поможет!