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

我遇到了这个问题，网上没有可用的解决方案。直到我意识到造成这种情况的原因。

<强>原因：如果您在电子邮件中有一个图像，则会出现此问题。当图像自动缩放时，整个电子邮件/页面将自动适合窗口。

<强>解：为 min-width （300px，因此它不会占用整个320px iphone宽度）， max-width （您想要的最大值）添加图像的内联样式，宽度100％。

即。 image src =＆＃34; image.jpg＆＃34; style =＆＃34; width：100％;最小宽度：300px; max-width：500px;＆＃34;

为我工作，...希望这对你也有帮助！ ; - ）

Answer 3

你正在做的是正确的，但问题是，不是在样式标记中使用-webkit-text-size-adjust:none;，而应该以下面的方式使用它：

<body style="-webkit-text-size-adjust:none;">

这意味着您应该将其用作内联css属性。

Answer 4

要摆脱这个问题，你必须将以下内容放在CSS body标签中：

    -webkit-text-size-adjust: 100%;

这样，Safari可以将文本保持为预期大小的100％。如果您将值设置为none，则用户将无法增加字体，这是一种不受欢迎的行为。

此CSS属性受支持且应该有效。

查看官方Safari支持的CSS参考：

https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

此外请注意，媒体类型屏幕支持：

Safari 4.0及更高版本。
iOS 1.0及更高版本。

我希望这会有所帮助。

BR，
TOLIS

Answer 5

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

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

Mail应用程序也可能是唯一支持CSS3的客户端

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

5 个答案: