2016-07-22 3 views
0

Итак, мой босс продолжает спрашивать меня о пиксельном совершенстве, когда я пытаюсь преобразовать макеты PSD в HTML, CSS. И я сталкиваюсь с этой тонкой проблемой, которую я не могу найти где-нибудь на Google, чтобы увидеть решение.Укладка страницы, которая шире, чем у моих мониторов viewport

Ширина видового экрана в PSD-файле составляет 1600 пикселей, но мой экран имеет ширину всего 1336 пикселей.

Задайте вопрос: как сделать его пиксельным совершенством с помощью этого разного?

+0

Никто не будет видеть сайт без горизонтальной прокрутки, если это 1600 пикселей в ширину. Вы должны просто сказать своему боссу, что это возможно, но укажите, что нет смысла делать это. Предложите дизайн шириной не более 960px (общее произвольное число) или предложите гибкий, если не просто гибкий дизайн. –

+0

@BillyBrown Я думаю, что каждое устройство Full HD и самые широкие мониторы размером более 21 '' имеют ширину 1920 пикселей. – xpy

+0

@xpy Это правда, я хотел сказать «большинство людей», так как, хотя у многих людей есть мониторы размером 21 дюйм или больше, большинство из них имеют ноутбуки или мониторы меньшего размера, часто до 1440 пикселей. –

ответ

1

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

Responsive Design Mode in Firefox

Responsive Design Mode in Chrome