Как верстать макет, который размером 1900px?

Question

[Денис]

Мой экран 1388px в ширину, макет 1900. Не могу понять как мне верстать, чтобы вышло точно по макету. При чем размеры всего там как раз под 1900 Заказчик не может предоставить макеты к остальным размерам экранов. Но сделать нужно. Что посоветуете? Как верстать?

Answer 1

[Алексей Николаев]

Если макет имеет разрешение более 1280px, то дизайнер, купивший неделю назад макбук для трушности, идиот, потому что не позаботился о совместимости его работы с нормальными мониторами. Чтобы сверстать такой макет, необходимо в фотошопе уменьшить размер изображения (с пропорциями) до стандартной ширины. Например, 960 пикселов. Можно и побольше, ориентируясь на макс. ширину Тостера или вашего собственного монитора, например.

Но как правило, корректно дропать размер сразу в 2 раза - зачастую, именно это и требуется. Если есть сомнения, можно уточнить у заказчика.

Если все же нужно, чтобы на 1900px выглядело именно так, лучший выход - дропнуть размер под комфортный для работы, а на более высокие разрешения просто увеличивать размер контента, пропорционально. Само собой, верстку нужно будет построить на основе процентов \ viewport units, и em.

Answer 2

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

Всегда задаю этот вопрос, задам и вам.
А вы уверены, что его нужно верстать в 1900?
Или это версия для ретина экранов @x2, и верстать нужно под 950?
Частая ошибка у верстальщиков.

Comments

[Денис]

нет, это не под ретину

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

Денис: ну, под 1900 никто не верстает пока. у вас должен быть тогда или адаптивный макет или резиновый. если вы сверстаете под 1900 для всех будет жопа)

Answer 3

[Александр]

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

Answer 4

[Виталий]

- нужно было изначально уточнить детали проекта и отказаться от проекта если не можете исполнить
- купить монитор с 1900
- делать в масштабе ( думаю будет тот еще изврат)

Comments

[Денис]

а если по технике верстки? как и что делать, чтобы норм и на 1300 выходило? подскажите, хоть что-то по сути

[Виталий]

Денис: что у вас за макет то? полноразмерный сайт на 1900px или просто задник такой, а центральная часть под 1170px сделана ... или сайт резиновый и верстать сетку надо в процентах ?

[Денис]

весь сайт под 1900, если бы центр часть была норм как обычно даже проблемы бы не возникнуло. Все размеры рассчитаны на 1900

[Виталий]

Денис: ну тогда, как вариант - задать у body class какой нить с width - 1900px и верстайте внутри , гоняя горизонтальный скролл туда - сюда ... ну а для того чтобы глянуть целиком - масштабировать

[Александр]

Виталий: Такая же проблема, есть макет в 1920 пикс и подложка, которая центрируется в 1170px. Верстал как по макету (размер шрифтов), в итоге заказчику не нравится, мол на средних экранах шрифт большой, уменьшает масшатб в два раза и говорит, что теперь норм... Может что-то посоветуете?)) Заранее большое вам спасибо!

Answer 5

[Сергей Вушняков]

попробуй телевизор вместо(или дублировать, если видеокарта имеет доп.выход) экрана.

Answer 6

[Алексей Лебедев]

Извинись и откажись.
Это самый оптимальный вариант.
А эмуляторы и извращение это уже не то.