как сделать адаптивный дизайн

@wo0pz · Регистрация: 09.02.2016

Author24 — интернет-сервис помощи студентам

Подскажите как можно сделать адаптивный дизайн если я сделал две верстки под разные экраны.
Сделал под 1920 и 1024.. Как осуществить плавный переход (адаптивный) с 1920 на 1024 ???
Фоновая картинка должен меняться на подходящий размер

фрагмент кода

CSS

.wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
}
 
.first-block {
    height: 615px;
    background-image: url('../images/1920/banner_1.jpg');
    background-repeat: no-repeat;
}
 
@media screen and (min-width:769px) and (max-width:1024px) {
    .first-block {
        background-image: url('../images/1024/banner_1.jpg');
        background-repeat: no-repeat;
    }
}

@jade · 09.02.2016, 19:49

Например, указать для блока с картинкой background-size: cover;

@jade 23 / 23 / 11 Регистрация: 28.02.2015 Сообщений: 61
	09.02.2016, 19:49	2
	Например, указать для блока с картинкой background-size: cover; 0