html - Iphone7s 横向媒体查询

Question

我在 iPhone 7s 纵向 和横向 模式下遇到响应问题。到目前为止，我没有在互联网上找到任何特定的媒体查询。我从 Sitephen Media Queries 中挑选了一些媒体查询.它在 Chrome 响应检查器上运行良好。但是当我在 iPhone 7s(手机)上检查它时。它不起作用。

有人能帮帮我吗？任何帮助将不胜感激。

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) { 

    }