Никак не могу сделать так, чтоб фон <div>
сжимался при уменьшении разрешения устройства. Нужно решение без медиа-запросов. Чувствую, что решение простое, но никак не могу сообразить, в чем дело.
Код:
&__wrapper
{
margin: auto;
padding-top: 50px;
width: 1200px;
height: 675px;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
}
&__right
{
width: 630px;
height: 660px;
margin: auto;
background: url('../img/dish.png') no-repeat;
background-size:auto cover;
}
&__left
{
height: 490px;
width: 409px;
text-align: center;
}
px
используйrem, em, %, vw, vh, vmax, vmin
background-size:auto cover;
?