Responsive design HTML电子邮件纵向到横向问题

我一直在努力解决电子邮件中的响应性设计，但我只有一个问题。电子邮件最初以纵向和横向视图显示。然而，当我从横向回到纵向时，它不能正确显示。它将内容从横向视图压缩到纵向视图。有什么建议吗

以下是链接：

---

我忘记添加的信息：我正在尝试在Android 2.3本机浏览器上查看它。

这样设置视口元标记应该可以在浏览器上工作：

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

---

但是，您肯定应该在电子邮件客户端上测试这一点，而不是在浏览器上。Gmail mobile和他的台式机一样，是最难正确操作的。像这样设置视口元标记应该可以在浏览器上工作：

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

---

但是，您肯定应该在电子邮件客户端上测试这一点，而不是在浏览器上。Gmail mobile和他的台式机一样，是最难做到的。

谢谢！我终于意识到我的问题是我设置的媒体查询不正确。谢谢！我终于意识到我的问题是我设置的媒体查询不正确。