在移动设备上增加 html 电子邮件的字体大小

【问题标题】：Increasing font size for html email on mobile在移动设备上增加 html 电子邮件的字体大小
【发布时间】：2015-11-27 08:36:00
【问题描述】：

我在为移动应用程序增加电子邮件的字体大小时遇到问题。我正在使用 Ink 基础框架。我已添加到我的自定义样式中：

@media screen and (max-width:600px){                    
        .p {font-size:16px!important; line-height:20px;}        
}

但是在移动设备（iOs Mail）上，这条规则被完全忽略了，而且字体很小，所以可能会应用默认的桌面字体（13px）。其他媒体查询正在运行。

【问题讨论】：

【解决方案1】：

有几种可能会导致问题。

iOS 会自动调整字体大小。为了防止这种情况，您可以申请：

body {
    -webkit-text-size-adjust: 100%;
}

如果没有看到您的 html，很难判断，但您可能会尝试定位 p 标记，在这种情况下，您不需要在选择器前面加上句点（如类），因此您可以更改它到：

@media screen and (max-width:600px) {
    p {
        font-size: 16px!important;
        line-height:20px;
    }
}

【讨论】：