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

阻止iPhone调整HTML电子邮件大小的问题,iphone,html,css,html-email,Iphone,Html,Css,Html Email,我在试图阻止iPhone调整HTML电子邮件大小以适应屏幕时遇到了一个问题。下面的代码放在小节中似乎没有效果 我的目标就是停止字体的重新调整。我尝试过使用-webkit text size adjust:none;内联和其他方式,都没有成功 如果您有任何建议或其他解决方案,我将不胜感激 @媒体屏幕和 (最大设备宽度:480px){ /*修复了mobile Safari中字体过大的问题*/ html、正文、表单、字段集、p、div、h1、h2、h3、h4、h5、h6{ -webkit文本大小调整:

我在试图阻止iPhone调整HTML电子邮件大小以适应屏幕时遇到了一个问题。下面的代码放在小节中似乎没有效果

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

如果您有任何建议或其他解决方案,我将不胜感激

@媒体屏幕和 (最大设备宽度:480px){

/*修复了mobile Safari中字体过大的问题*/
html、正文、表单、字段集、p、div、h1、h2、h3、h4、h5、h6{
-webkit文本大小调整:无;}

视网膜iPhone的宽度为640px,您的媒体查询将在480px停止

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


此外,邮件应用程序可能也是唯一支持CSS3的客户端。在调整大小时,尤其是在切换手机方向时,iPhone似乎是个麻烦。您是否尝试过添加带有视口设置的元标记

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


它确实阻止了它们缩放,但我还没有找到更好的方法阻止iPhone在方向改变时缩放。我不确定这在这种情况下是否有帮助,但只是一个尝试的建议。

您所做的是正确的,但问题是,与其使用
,不如使用webkit text size adjust:none在样式标记内,应按以下方式使用它:

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


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

要解决此问题,您必须在css主体标记中添加以下内容:

    -webkit-text-size-adjust: 100%;
这样,Safari将文本保持在预期大小的100%。如果将该值设置为“无”,用户将无法增加字体,这是一种不希望出现的行为

此CSS属性受支持,应该可以工作

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

此外,请注意,媒体类型屏幕在以下方面受支持:

  • Safari 4.0及更高版本
  • iOS 1.0及更高版本
我希望这有帮助

BR,

托利斯

我被这个问题困住了,网络上没有有效的解决方案。 直到我意识到这是什么原因

原因: 如果您在电子邮件中有带/的图像,则会出现此问题。当图像自动缩放时,整个电子邮件/页面将自动适应窗口

解决方案:最小宽度(300px)的图像添加内联样式,这样它就不会占用整个320px的iphone宽度,最大宽度(所需的最大宽度),以及100%的宽度

i、 e。 image src=“image.jpg”style=“宽度:100%;最小宽度:300px;最大宽度:500px;”


为我工作,…希望这也能帮助你!;-)

您正在谈论调整版面大小,并试图避免字体大小调整。你确定问题不在于HTML中的表格或其他内容吗?对不起,我应该更清楚一点——我要做的就是停止字体大小调整。无论我如何或在何处使用-webkit文本大小调整:无;它似乎不起作用。我已经在Litmus中进行了广泛的测试。样式表(内联或其他)在电子邮件中经常被忽略(或完全剥离)。也许可以尝试将其设置为
样式
属性?在body标签内联上尝试,但运气不佳。我想知道这是不是不可能控制。我不知道这是可能的,如果你找到一个解决方案,我会评论跟踪它。谢谢。视网膜显示器的屏幕大小相同,只是DPI有所改变。它和旧iPhone一样回应媒体的询问。好建议。我试过类似的东西,但似乎没有什么效果。整个电子邮件会自动重新调整大小,以适应屏幕,使类型太小。只需注意,包含此元标记将导致BlackBerry显示一个空白屏幕,而不是任何电子邮件。因此我尝试将其内联添加,并已删除媒体查询。Litmus测试仍然显示整个电子邮件的大小已经调整到合适的大小,文本也缩小了,所以它仍然在调整字体大小。
    -webkit-text-size-adjust: 100%;