Как правильно задавать минимальную высоту?

Доброго времени суток. Столкнулся с такой проблемой, что макет имеет ширину 1440px, соответственно, после экспорта background-изображения, оно - такой же ширины. У меня монитор имеет разрешение 1920x1080, в связи с чем, в моем браузере background-изображение с шириной 1440px выглядит хуже, чем на меньшем разрешении и пропорционируется совсем по-другому (растягиваясь на весь container-fluid, оно увеличивается в ширине и высоте, но, т.к. задана фиксированная минимальная высота, не видно картинки целиком при большом разрешении экрана). Минимальную высоту задал исходя из оригинального размера изображения - 740px. В связи с чем возникает ряд вопросов:
1) Как вы "выбираете" минимальную высоту блоков для ПК - Laptop пользователей, имеющих разные разрешения экрана?
2) Если ширина макета меньше FullHD, то как вы "улучшаете" изображения?
3) Использовать @media-запросы для каждого разрешения?

UPD: попробую показать в картинках, что я имею в виду
Оригинал:
d0ba48a32d3b4748b245a923757c8cba.jpg

Уже в браузере с правилами CSS:
829c2f3080a348f896ed2e15528ca969.jpg
  • Вопрос задан
  • 1265 просмотров
Решения вопроса 2
@cssfish
Плохое знание основ - причина больших бед
1) Когда получаешь такой макет, спрашиваешь дизайнера:
как ведет себя картинка на разрешениях бОльших 1440?
-Обрезается по краям?
-Обрезается по краям, при этом плавно градиентом уходит к фоновому цвету?
-Растягивается на всю ширину с сохранением высоты? (cover)
-Растягивается на всю ширину с сохранением пропорций картинки?
2) Верстаешь на основании ответов
3) Если ответов нет, или диз в шоке, и прочее, сделайте-как-нибудь, то делаешь так, как считаешь нужным. Т.е. сам принимаешь решение. Сам :)
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Либо макет не был "резиновым" и растяжение на всю ширину любого монитора не подразумевалось.
Либо это задача дизайнера предоставить изображения нужного размера и соответствующего качества.
И не забывайте про ретину.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@eGenius18
со стороны дизайнера - просто предоставить картинку в макс разрешении... остальным верстальщик занимается - как он это дело оформит
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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