Html iOS中的电子邮件签名文本包装和大小调整
我在iOS上用Apple Mail包装我的电子邮件签名时遇到了一些问题，如下所示： 我希望签名不带包装，大小适合屏幕宽度，就像在桌面电子邮件客户端上一样，例如在OS X上的Apple mail： 这是我目前正在使用的代码。如果有人能为我的错误提供指导，我将不胜感激。 最后一位|媒体制作人 移动555 555-5555 |传真555-5555 | |Html iOS中的电子邮件签名文本包装和大小调整,html,ios,css,email,html-email,Html,Ios,Css,Email,Html Email,我在iOS上用Apple Mail包装我的电子邮件签名时遇到了一些问题，如下所示： 我希望签名不带包装，大小适合屏幕宽度，就像在桌面电子邮件客户端上一样，例如在OS X上的Apple mail： 这是我目前正在使用的代码。如果有人能为我的错误提供指导，我将不胜感激。 最后一位|媒体制作人 移动555 555-5555 |传真555-5555 | | 对于字体大小，请尝试从点pt切换到em或px <span style="text-align: left; margin-top: 0px
对于字体大小，请尝试从点pt切换到em或px
<span style="text-align: left; margin-top: 0px; color: #D0913D; font-size: 0.7em; font-weight: bold; font-family: 'Calibri', sans-serif;">
<a href="http://website.com" style="text-decoration: none; color: #b6a15e;">website</a> | <a href="http://linkd.in/" style="text-decoration: none; color: #b6a15e;">LinkedIn</a> | <a href="mailto:none@me.com" style="text-decoration: none; color: #b6a15e;">email</a>
</span>
您应该只在打印时使用pt。切换可能无法完全解决您的问题，但如果您使用ems，您的文本将更具响应性 您将不得不使用媒体查询来大幅缩小文本大小。老实说，手机上显示的长文本行可能太小了。你应该在某个地方破口大骂。这也有助于缩小图像以腾出更多空间 选择断点的一个技巧是在签名中添加不间断空格，并让签名溢出到更合适的位置 例如：
<!-- This will look the same, but break where the spaces are, not where the   are -->
Your Name | Your Title
为了防止iOS放大较小尺寸的文本，请在正文中使用此代码位完全或仅在您特别不希望调整文本大小的元素中停止
-webkit-text-size-adjust: none
在所有情况下，避免使用%宽度，使用px或pt测试时使用的是什么？你只在Apple Mail中进行测试吗？电子邮件中的文本最好在pt或px中进行，以便更好地与更广泛的设备和电子邮件客户端兼容。我不知道你的意思。设备和屏幕之间的点差异很大。另外，这并不是说你不能使用em。em与任何支持CSS 1+的设备或客户端兼容，大约在1996年。。。。基本上，如果客户端支持HTML，它将支持CSS。此外，大多数客户都优化了em的基线。Outlook-1em/16px/Apple Mail-1em/12px/iOS-13px。在3种选择中，我肯定会选择px。pt和em在电子邮件中都不一致。优化不好的像素完美布局会破坏呈现文本比预期大的客户端。有了px，无论你在什么地方看它，它都是一样的——只要你阻止自动放大较小的文本。