Как обнаружить ТОЛЬКО с мобильными экранами CSS

Question

Я нашел много потоков здесь, говорящих о CSS и мобильных экранах.

После моего поиска я не смог найти решение для некоторых устройств. Например: Motorola Moto G4 Plus использует FULL HD width (1080px), только bootstraps обнаруживают конфигурацию xs-view.

Укладка и попытка и попытка я не мог получить некоторые стили, установленные.

Итак, как я могу сделать ту же процедуру, что и Bootstrap, чтобы настроить мои стили и в целом процедуру для всех устройств?

Пожалуйста, только CSS или столько же JS (если это возможно, не надо), то же самое, что и bootstrap.

Я пробовал экран @media и @media все запросы. Не работает.

Спасибо за чтение.

Answer 1

Правило @media используется для определения различных правил стиля для разных типов/устройств мультимедиа.

Если он не работает, проверьте свой код. вы, возможно, сделали опечатку.

Пример:

@media only screen and (max-device-width : 640px) { 
/* Styles */ 
} 

@media only screen and (max-device-width: 768px) { 
/* Styles */ 
} 

Earlyer сообщение: How to code CSS media queries targeting ALL mobile devices and tablets?

W3Schools: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp