Какой медиа-запрос в Bootstrap 4 будет нацелен на Google Nexus 5? - PullRequest
Новая
       33

Какой медиа-запрос в Bootstrap 4 будет нацелен на Google Nexus 5?

0 голосов
/ 17 февраля 2019

Кажется, я не могу заставить Nexus 5 отвечать на мои медиа-запросы в рамках Bootstrap.

Я прошел через stackoverflow, так как думал, что это может появиться в другом месте, но похожие ответы яне очень понимаюя просто хочу нацелить Nexus 5 с помощью CSS.Я все еще не совсем понимаю размер экрана и то, как это интерпретируется при рассмотрении таблиц стилей.

Из того, что я понял, Nexus 5 имеет экран с разрешением 1080 x 1920 пикселей.Я думал, что один из моих стандартных медиа-запросов сможет нацелить это.Тестирование в настольных браузерах с активным адаптивным режимом привлекает все стили, которые я публикую;Однако сам Nexus не будет принимать какие-либо медиа-запросы, которые я могу идентифицировать.

Я установил тестовый стиль, красная граница 1 пикселя, для всех медиазапросов, перечисленных ниже: 

@media (max-width: 499px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}
@media (max-width: 575.80px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}
@media (min-width: 576px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}
@media (min-width: 768px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}
@media (min-width: 992px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}
@media (min-width: 1200px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}
@media (min-width: 1900px) {
    .carousel-caption {
        border: 1px red solid !important;
    }
}

Этот стиль не будет отображаться на экране Nexus.Я в недоумении.Здесь определенно не хватает чего-то фундаментального.

...