Как сделать viewport так чтобы сверстанный макет на 400 в ширину, уменьшался на экран 320?

Question

[RomanSS]

Подскажите пожалуйста, есть сверстанная страница с минимальной шириной 400px максимальной 1600 (между этими этими размерами есть свои переходы media queries).
Как уместить на смартфонах с шириной 320px без прокрутки макет в 400, так чтобы он просто его сжал (пропорционально уменьшил) до 320?

Comments

[Ankhena]

Дурацкое решение: при ширине меньше 400 менять мета вьюпорт на 400.
Правильное решение: верстать нормально.

Answer 1

[Артур Борденюк]

Можно попробовать сверстать мобильную версию резиново. Ведь есть еще и большие телефоны в 576px

Comments

[RomanSS]

В том то и дело, что хочу избавится от дизайн макетов на 320, так как по сути это и есть скейл от 400, сверстать одни экран на 400 проще, чем верстать 320 и 400 (резиновость не подходит). Есть и другие экраны больше 400, но в них уже нет этой проблемы.

[Виолетта Морозова]

RomanSS, сверстай один экран на 320, а 400 выкинь нафиг. Но скейл или зумм - не дело вообще

Answer 2

[Александров]

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

Answer 3

[Exploding]

Я бы так не делал)))

@media only screen and (max-width: 399px) {
  html {
    zoom: .8;
  }
}

Comments

[Виолетта Морозова]

етить-колотить :о

[Exploding]

Виолетта Морозова, А я всё думаю, ну когда же наступит тот момент, когда я где-то смогу написать zoom: ..... )))))

Answer 4

[Дмитрий]

надо ставить
<meta name="viewport" content="width=400">
в таком случае устройство само применит масштабирование до своей ширины