停止iPhone调整HTML电子邮件大小时出现问题
我在尝试阻止iPhone调整HTML电子邮件的大小以适应屏幕时遇到了一个问题。似乎下面的代码在放入该部分时没有任何效果。
我的目标只是停止字体大小调整。我尝试过使用-webkit-text-size-adjust:none；内联和其他方式的其他变体，但都没有成功。
如果您有任何建议或其他解决方案，我将不胜感激。
@media screen and (max-device-width: 480px){ /*fixes在移动Safari中字体太大*/ html，正文，表单，字段集，p，div，h1，h2，h3，h4，h5，h6 {-webkit-h3-h4-h6:无；}}
回答 5
Stack Overflow用户
发布于 2012-08-16 08:45:37
当涉及到调整大小时，iPhone似乎是一种痛苦，特别是当你改变手机的方向时。你有没有试过添加带有视口设置的meta标签？
<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no"/>它确实阻止了它们的缩放，但我还没有找到更好的方法来阻止iPhone在方向改变时缩放。我不确定这是否会在这种情况下有所帮助，但只是一个可以尝试的建议。
Stack Overflow用户
发布于 2014-06-05 16:53:29
我被这个问题卡住了，网络上没有可用的解决方案。直到我意识到是什么导致了这一切。
原因：如果您的电子邮件中包含带有图像的图像，则会发生此问题。当图像自动缩放时，整个电子邮件/页面将自动适应窗口大小。
解决方案：为最小宽度 (300px，所以它不需要整个320px iphone宽度)，最大宽度(你想要的最大宽度)和100%的宽度添加内联样式。
如图片src="image.jpg“style=”宽度: 100%；最小宽度: 300px；最大宽度: 500px;“
对我有效，...hoping这也可以帮助你！;-)
Stack Overflow用户
发布于 2012-08-19 10:30:30
您所做的是正确的，但问题是，您应该按照以下方式使用-webkit-text-size-adjust:none;，而不是在style标记中使用它：
<body style="-webkit-text-size-adjust:none;">这意味着您应该将其用作内联css属性。
https://stackoverflow.com/questions/11801685
复制相似问题