Как настроить медиа-запросы для Ipads и планшетов для портретной и альбомной ориентации в CSS

Question

Когда я использую этот код (см. Ниже), медиа-запрос не работает

@media (min-width: 768px) and (orientation : portrait) { //scss code }

Но когда я удаляю части 'и (ориентация: портрет)' , это работает. * 1006 т.е. *

//this code works
@media (min-width: 768px) { //scss code }

Как настроить медиазапросы для Ipad и планшетов для портретной и альбомной ориентации в CSS?

PS: я кодирую адаптивный макет для Интернета и использую миксины scss (не знаю, влияет ли это на что-либо).

Answer 1

попробуйте этот код

    @media screen and (min-width: 768px) and (max-width: 992px) { 
    /* STYLES HERE */
    }