Как верстать макет большего размера чем экран?

Question

[deeppines]

Суть такова, есть psd макет с шириной 2480px, да вот только экран у меня 1920px и при верстке 1:1 выходит бред с горизонтальной прокруткой.
Как правильно подходить к верстке таких макетов?

Answer 1

[Сергей Горячев]

А мне кажется 2480 макет сделан не для адаптивности, а для оптимизации под ретину.
В таких случаях макет делается х2 от реального размера, и все картинки делаются тоже х2.
То есть размер реально сверстанного сайта должен быть 1240 + резиновость.
habrahabr.ru/post/150071

Но вообще, такие вещи нужно уточнять у дизайнера.
Это может быть банальной ошибкой, при выборе профиля ФШ)))

Comments

[Думай Головой]

Sergey Goryachev
не факт что 1240. 1024 мониторы ещё никто не отменял

[Сергей Горячев]

Думай Головой: это я просто написал, чтобы было понятно, как уменьшить) А вообще да, я для десктопов 1024 всегда поддерживаю версию сам. Не видя макета еще сложно сказать.

[deeppines]

А вы правы, при делении на 2, размеры становятся адекватными. Спасибо.

[Сергей Горячев]

Lucas Kane: был рад помочь) Вот тогда по теме habrahabr.ru/post/150071

[deeppines]

Sergey Goryachev: благодарю, будет что почитать на ночь)

[Думай Головой]

Lucas Kane
не забудьте уточнить, каков минимальный размер монитора, который требуется поддерживать. т.к. моники 1024 в ширину ещё довольно распространены

[deeppines]

Думай Головой: ну, заказчик я, исполнитель тоже я, так что думаю с такими вопросами проблем не возникнет.

Answer 2

[Думай Головой]

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

или сужать файл в фотошопе самому до 1024 пикселей в ширину и выдавать фиксированную вёрстку, но это плохой вариант

вообще всё зависит от того, что требует тимлид/заказчик

Answer 3

[Дима Паутов]

Ну так ответ очевиден. Макет должен быть на 1920.
А если вы сверстали его ровно под 2480, то на основе этого делайте его резиновым. Чего сложного?