LucasKane
@LucasKane
Front-end Developer

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

Суть такова, есть psd макет с шириной 2480px, да вот только экран у меня 1920px и при верстке 1:1 выходит бред с горизонтальной прокруткой.
Как правильно подходить к верстке таких макетов?
  • Вопрос задан
  • 2248 просмотров
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
А мне кажется 2480 макет сделан не для адаптивности, а для оптимизации под ретину.
В таких случаях макет делается х2 от реального размера, и все картинки делаются тоже х2.
То есть размер реально сверстанного сайта должен быть 1240 + резиновость.
habrahabr.ru/post/150071

Но вообще, такие вещи нужно уточнять у дизайнера.
Это может быть банальной ошибкой, при выборе профиля ФШ)))
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
OnYourLips
@OnYourLips
Как правильно подходить к верстке таких макетов?
Адаптивная верстка.
Верстка должна нормально отображаться на всех популярных размерах экрана.
Ответ написан
руки дизайнеру оторвать, но я в таких случаях работаю за дизайнера и делаю как считаю нужным под все размеры экранов. Пересчитываю все размеры, да. По-другому никак.

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

вообще всё зависит от того, что требует тимлид/заказчик
Ответ написан
Комментировать
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Ну так ответ очевиден. Макет должен быть на 1920.
А если вы сверстали его ровно под 2480, то на основе этого делайте его резиновым. Чего сложного?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы