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

Question

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

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

但是在移动设备（iOs Mail）上，此规则被完全忽略，字体很小，因此可能会应用默认桌面字体（13px）。其他媒体查询正在运作。

Answer 1

有几种可能导致问题的可能性。

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

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

没有看到你的html，很难说，但是你可能会尝试定位p标签，在这种情况下你不需要在选择器前面有一段时间（就像一个类），所以你将它改为：

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