Дизайн экрана веб-приложения не реагирует после применения медиазапросов - PullRequest
Новая
       35

Дизайн экрана веб-приложения не реагирует после применения медиазапросов

0 голосов
/ 07 января 2020

Разрешение моего экрана 1600x900. После добавления Media Queryies, проверьте, что отзывчивость экрана 1366x768 соответствует его идеальному соответствию или нет, но дизайн экрана 1366x768 уменьшается (разрыв после нижнего колонтитула).

здесь мои медиазапросы 

@media only screen  and (max-width:480px) and  (min-width: 361px) {
.navDisplay {
    display: none!important;
}    

html, body {margin: 0; height: 100%; overflow-x: hidden; background-color: #efefef;}

.carouselHeight{
    height:220px;
}

.carouselImage {
    max-height: 100%!important;
}}


@media only screen and (max-width: 568px) and (min-width : 481px) {
.navDisplay {
    display: none!important;
} 

html, body {margin: 0; height: 100%; overflow-x: hidden; background-color: #efefef;}

.carouselHeight{
    height:300px!important;
}

.carouselImage {
    max-height: 100%!important;
}}

@media only screen and (max-width: 667px) and (min-width: 569px) {
.navDisplay {
    display: none!important;
}

html, body {margin: 0; height: 100%; overflow-x: hidden; background-color: #efefef;}

.carouselHeight{
    height:350px!important;
}

.carouselImage {
    max-height: 100%!important;
}}

аналогично для 767, 844,900, 992,1024,1145,1199,1318 и 2500 пикселей соответственно. кто-нибудь может подсказать мне, как заставить его работать на всех экранах Спасибо

...