iPhone ios10方向媒体查询在邮件应用程序中失败

Question

我试图在电子邮件中以景观或肖像模式定位iPhone 7，这只需要在iOS 10的邮件应用中可见。

当我在Chrome的开发工具，iOS模拟器或我的iPhone 7的Safari浏览器中测试以下代码时，一切都可以。当我更改方向时，颜色从绿色＆lt; =>蓝色变化。不幸的是，当我将此HTML文件作为电子邮件发送时，我的邮件应用似乎无法识别 suptait 模式。

如果我评论景观部分，并且仅保留 portrait 仍然存在，则CSS都没有附加；另外，如果仅i 具有景观无论我的屏幕方向如何，样式仍然保留。

任何帮助将不胜感激！

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  .
  .
  .
  .
  @media screen 
      and (min-width: 375px) 
      and (max-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: landscape) { 
       .handheld .test {
         background-color: green;
         }
       }
  @media screen 
    and (min-width: 375px) 
    and (max-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) { 
       .handheld .test {
         background-color: blue;
         }
       }

Answer 1

我也有一个问题。有了电子邮件，我已经注意到电子邮件只会随屏幕旋转的屏幕移动。另一方面，当设备方向更改时，Android再次加载电子邮件。

我在酸性博客上的电子邮件中找到了一篇文章，我猜回答了您的问题。iOS电子邮件客户端旋转时不会响应其他媒体查询(除非可能在该设备方向上打开电子邮件时(。