0

Столкнулся с такой проблемой: найденный мною макет в интернете был сделан в размерах 1200 (высота) на 2000 (ширина). Начал делать фоновую картинку, но она не выстраивается под те размеры (ибо экран у меня 1368 на 720 (px)). Скриншот самого макета ниже. Прошу помочь, если кто-нибудь знает решение. P.s background-size не помогает...

введите сюда описание изображения

1 ответ 1

2

*{
  margin:0;
}
html,body{
  height:100%;
}
.main{
  width:100%;
  height:100%;
  background:url(https://avatanplus.com/files/resources/original/574aa9aab6ec4154fba6c2fd.jpg);
  background-size:100% 100%;
}
<div class="main"></div>

background-size всегда и везде работал , пример работы есть как в сниппете так и можно посмотреть и в codepen, только вопрос не в этом а для чего сайты грузить тяжёлыми изображениями ? ,и кстати вот оригинал изображения мною использованного ,3750х2500 - это внушительный размер

2
  • Ну, соглашусь по поводу загрузки. Да и с bg-size'ом тоже раньше проблем не было. Но вот почему-то именно сейчас... Commented 27 июн. 2016 в 17:40
  • И верно - работает. Видимо что-то с высотой не так сделал. По-крайней мере у html не указывал. Commented 27 июн. 2016 в 17:43

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.