Медиа-запросы: как настроить таргетинг на все ландшафтные устройства ниже 1024, используя css медиа-запрос

Question

Как настроить таргетинг на все устройства с альбомной ориентацией ниже 1024 с помощью css медиазапроса, это должно работать только для мобильных устройств, а не для настольных браузеров

Answer 1

Вы можете попробовать это так

@media only screen 
  and (min-device-width: 1024px)
  and (min-device-pixel-ratio : 2.0)
  and (orientation: landscape) {

  //styles here

}

Answer 2

@media only screen 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    //your styles

}

Answer 3

В нижеприведенном Media Query CSS будут затронуты устройства с максимальной шириной 1024px. Это означает, что это повлияет на устройства с шириной экрана менее 1024 пикселей.

 @media screen and ( max-width :1024px) and (min-device-pixel-ratio : 2.0)
     and (orientation: landscape){
       .your_CSS_Class{

          //your styles

      }
    }