Question

我试图在电子邮件中以横向或纵向模式定位iPhone 7，只需要在iOS 10的邮件应用程序中查看。

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

如果我注释掉风景部分，只剩下人像，则不会附加任何css;或者，如果我仅横向，则无论屏幕方向如何，样式都会保留。

任何帮助将不胜感激！

  <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会再次加载电子邮件。

我在Email on Acid Blog找到了一篇文章，我想回答你的问题。旋转后的iOS电子邮件客户端不响应其他媒体查询（除非可能以该设备方向打开电子邮件）。

邮件应用程序

1 个答案: