Всем привет. Я добавил bg к header. И по макету нужно, чтобы нижняя часть телефона уходила за границы header. Я это сделал, но bg не просто кончается, а начинается как бы новый) Я делал no-repeat и bg просто пропадает, подскажите, что делать? Заранее спасибо
-
я попробую догадаться - вы сдвигаете iphone наружными отступами ?– user332746 июл 2018 в 7:04
-
пробовал и padding и margin– Павел Румянцев6 июл 2018 в 8:24
-
добавьте код сюда - гадать обычно ходят в сюда– user332746 июл 2018 в 11:01
Добавить комментарий
|
2 ответа
Добавьте background-size:
background-size: cover;
-
тогда изображение просто увеличивается, а мне надо чтобы оставался белый фон 6 июл 2018 в 8:24
-
-
вы читали хоть что делает background-size: contain;? Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.– Sergey B6 июл 2018 в 13:49
Примерно так.
* {
margin: 0;
padding: 0;
}
.header {
width: 100%;
height: 1px;
display: table;
background: yellow;
padding: 1rem;
}
.left-col {
float: left;
width: 50%;
}
.right-col {
float: right;
width:50%;
}
.img {
background: blue;
width: 100px;
height: 200px;
position: absolute;
}
<div class="header">
<div class="left-col">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam impedit similique id dignissimos nobis sed iste temporibus veniam facere, ipsa ea harum reprehenderit maxime sapiente! Repellendus doloribus itaque consectetur ducimus?
</div>
<div class="right-col">
<div class="img"></div>
</div>
</div>