Как сделать резайз макета в зависимости от ширины экрана?

Question

[indeveloping]

Есть 2 экрана: 480px и 1280px. Вёрстка в 1280px должна scale'ться, ресайзится (не знаю какой ещё глагол подобрать) до 480px. Т.е все элементы вёрстки для десктопа должны пропорционально уменьшаться до 480px. Знаете, так ещё бывает когда открываешь с телефона сайт без мета-вьюпорта, и приходиться зумить чтобы что-то разглядеть. В моём случае зумить придётся на таблетах, и лаптопах (хотя там всё хорошо видно и без зума). При достижении значения 480px сработает брейкпоинт, который отобразит вёрстку для мобильных устройств. Т.е ресайз должен быть от 1280px до 480px. Никогда подобного делать не приходилось. Думаю, понятно объяснил, если что не так, поясню в комментах. Жду ваших советов и помощи!

Comments

[Вадим]

Проверять размер экрана и менять JSом значение в мета теге, чтобы включать\отключать зум? Но это так, предположение.

Answer 1

[Юрий]

Теоретически, я бы скорее всего попытался от 480 и выше всё сверстать на wv, раз масштабирование всё равно пропорционально ширине вьюпорта. На практике почти наверняка вылезут ещё какие-то проблемы, но их надо решать по мере поступления )