Как вписать актуальную ширину страницы в доступную ширину устройства?

Question

[iliyaisd]

Похоже, задача элементарная, но никак не получается. Подскажите, пожалуйста.
Есть страница. Для body стоит min-width = 450px
Как сделать, чтобы при открытии на устройстве с шириной 320 шкала уменьшалась настолько, чтобы вся страница по ширине умещалась на ширину устройства?
Вот так не получилось:

<meta name="viewport" content="width=device-width">

Если пытаюсь выставлять scale при помощи javascript, то результат совсем странный: ширина всё ещё не помещается в устройство, зато все элементы и шрифты уменьшаются.
Заранее спасибо.

Answer 1

[Денис Инешин]

Ничего не делать. Тогда девайсы сами сожмут страницу.

Comments

[iliyaisd]

А на хромовском эмуляторе это нельзя увидеть? Если убираю всё, то он показывает как будто на компе (т.е. с большой шириной) и помещает на экран только левый кусок, сколько влазит. Масштаб не меняет. Всё это на эмуляторе.

[Денис Инешин]

iliyaisd: честно говоря хз про эмулятор. Попробуйте реальный смартфон. На эмуляторе как раз хорошо тестить ситуацию наоборот, когда полностью контролируешь все на media queries.

Answer 2

[Дмитрий]

Понятное, дело если вы установите размер контейнера меньше, то содержимое будет "вылезать" по причине фиксированых размеров.
Вам нужно создать точку mq в которой вы переопределите размеры как контейнера, так и контента.
И советую вам при такой ширине указывать уже в процентах, если дизайн позволяет.

Comments

[iliyaisd]

спасибо, а что такое точка mq?

[Дмитрий]

iliyaisd: media queries. Почитайте при них и вам станет понятен этот механизм.