阻止iPhone调整HTML电子邮件的问题

Question

我试图阻止iPhone调整HTML电子邮件的大小以适应屏幕的问题.看来下面的代码放入该部分时没有任何效果.

我的目标只是停止字体重新调整大小.我尝试过使用-webkit-text-size-adjust:none; 内联和其他方式,都没有成功.

grealty会欣赏任何建议或替代解决方案.

@media屏幕和(max-device-width:480px){

/*fixes too big font in mobile Safari*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none; }  }       </style>

Answer 1

在调整物体大小时,iPhone似乎很痛苦,尤其是当您切换手机的方向时.您是否尝试在其中添加带有视口设置的元标记？

<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no"/>

它确实阻止了它们的缩放,但我还没有找到任何更好的方法来阻止iPhone放大方向变化.我不确定这在这种情况下是否会有所帮助,但只是建议尝试一下.

Answer 2

视网膜 iPhone 的宽度为 640 像素，您的媒体查询在 480 像素处停止。

无论如何，您可以完全摆脱媒体查询。唯一使用此属性 ( -webkit-text-size-adjust:none) 的基于 webkit 的邮件客户端是 iPhone 和 iPad 的邮件应用程序。

此外，邮件应用程序也可能是唯一支持 CSS3 的客户端