Iphone7s景观媒体查询

Question

我在 iPhone 7s 肖像和风景模式的响应能力方面遇到问题。到目前为止，我在互联网上找不到任何特定的媒体查询。我从Sitephen Media Queries中选取了一些媒体查询。在Chrome响应度检查器上运行良好。但是当我在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) { 

    }