Как правильно должен отображаться на больших экранах этот сайт?

Question

[sergey]

Собственно, задался вот таким вопросом есть макет у которого блоки имеют определенную высоту (на вид три блока которые состоят из двух меньшего и большего). В целом высота сайта 805 px (это главная, внутренние страницы имеют достаточную высоту). Так вот вопрос, на расширениях до 1400px все смотрится нормально, но вот на экране 1920px картинка занимает половину высоты экрана. Что в таком случае правильней сделать чтобы сайт на больших экранах смотрелся приемлемо?

Answer 1

[Алексей]

Определитесь хотите ли вы сайт шириной 1920px и будет ли он удобен для пользователя (я бы остановился на 1600px), а высоту можно подогнать через медия увеличив header и немного отмасштабировать шрифты и блоки для разрешения >1600px.

Answer 2

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

Ограничить максимальную ширину пресловутым 1400px, например - обычная практика. Как правило даже меньше делают.

Comments

[sergey]

вы viewport имеете ввиду или media?

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

SM: фактическую ширину экрана на устройстве пользователя. Обычно хватает медиазапросов, даже для устройств с иной плотностью пикселей (если заморачиваться этим).

[sergey]

Алексей Николаев: то есть поставив вот такое к примеру

@media only screen and (min-width : 992px) and (max-width : 1199px)

можно ограничить себя от головняка с большими экранами

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

SM: даже просто написать max-width: 1400px у body, и шире он уже не станет

[sergey]

Алексей Николаев: ну это да, а высота при этом автоматом подтянется

[sergey]

Алексей Николаев: речь то шла о высоте а не о ширине

Answer 3

[mletov]

Это проблема дизайнера. Он должен был снабдить макет комментариями, а при необходимости нарисовать не один макет, а несколько, по макету на разрешение. Вы сейчас пытаетесь взять на себя его функции и импровизируете на ходу.

Answer 4

[fisherspoons]

Все ребята, зря начал, все нашел в чем проблема