Задать вопрос

Как верстать сайты большей ширины, чем твой экран?

Всем привет , возник такой вопрос, есть psd 1600px ширины , который мне нужно сверстать , но к сожалению ширина psd больше , чем мой экран , из за этого верстка становиться не удобной , так как я верстаю основываясь на размеры указанные дизайнером в фотошопе , из за чего padding(и) и margin(ы) отображаются некорректно на моем устройстве , хотя при просмотре с устройства в >=1600 px ширины , все довольно таки хорошо. Подскажите пожалуйста что делать , не разу не верстал из psd макеты большей ширины чем мой экран. Спасибо.
  • Вопрос задан
  • 11321 просмотр
Подписаться 8 Простой Комментировать
Ответ пользователя Antony Bark К ответам на вопрос (10)
tolfy
@tolfy
Фирменный стиль
единственно вменяемый способ вёрстки, если монитор меньше, чем макет:

1. из фотошоп сохраняем макет 1:1 в jpg\png
2. вставляем его подложкой
html{min-width:1600px;background:red url('maket1600.png') left top no-repeat;}

3. далее верстаем как обычно, подложка неплохо помогает видеть несовпадения вёрстки с макетом, а для просмотра вёрстки, не входящей по ширине в окно, тягаем гориз.скролл*

* т.к. у нас принудительный гор.скрол, то для оценки ошибок вёрстки по ширине даём red, если косяк - справа появится красный край
** учитываейте, что body и остальные слои поверх подложки на время вёрстки обязательно надо background-color: transparent
Ответ написан
Комментировать