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

Question

[Lord_Dantes]

Столкнулся с проблемой масштабирования сайта.

Дизайн в 1920px который хорошо отображается на устройствах в 1920px. Пользователь заходит с мак аир 13 у которого 1280 x 800 и хочет чтобы дизайн был (1920px) 1 в 1 у себя на устройстве. Подскажите способы как можно реализовать такое отображение сайта без действий со стороны пользователя. Спасибо.

Answer 1

[Lord_Dantes]

Нашёл интересную либу которая уменьшает пропорционально сайт с нужными разрешениями, сейчас будут тестировать, работает ли на сафари - без понятия, надеюсь..

https://github.com/lexich/page-scale-js

Answer 2

[Александр]

forum.oszone.net/thread-138842.html

Comments

[Lord_Dantes]

Предлагаете подгружать разные стили под разные экраны? Очень тяжелый способ, это прийдется CSS весь переписывать на размеры меньше, но спасибо возьму на заметку.

[Александр]

Slava, почему же тяжёлый? наоборот, один из самых адекватных.
а как вы хотели по-другому реализовать это?

[Lord_Dantes]

Александр, ну у меня многостраничный сайт и везде заданы стили, вы предлагаете переписать все стили но с меньшими размерами. Я примерно думал с помощью вьюпорта, но я думаю что нельзя выставлять более одного вьюпорта.

[Александр]

Slava, вы, кстати, ещё можете использовать @ media для стилей, так будет легче.

[Lord_Dantes]

Александр, да знаю про него, спасибо