Iphone7s Ландшафтный медиа-запрос

Question

У меня проблема с отзывчивостью в режимах iPhone 7s портрет и альбомная . До сих пор я не нашел в интернете ни одного конкретного медиазапроса. Я выбрал несколько медиа-запросов из Sitephen Media Queries . Он хорошо работал на Chrome Responsiveness checker. Но когда я проверяю это на iPhone 7s (Mobile). Это не работает.

Может кто-нибудь мне помочь? Любая помощь будет оценена.

Answer 1

Будьте конкретны, и это может вам помочь.

/* ----------- iPhone 6, 6S, 7, 7S and 8 ----------- */

    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2) { 

    }

    /* Portrait */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: portrait) { 

    }

    /* Landscape */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: landscape) { 

    }