2017-04-04 28 views
1

我将字体设置为15px,但在移动设备上查看电子邮件(特别是mail> gmail)时,文本显得小得多。如何在不增加桌面大小的情况下增加移动设备的大小,我听到gmail提取媒体查询。字体大小的电子邮件移动太小

<table> 
 
<tr> 
 
<td style="font-size: 15px;"><p style="font-size: 15px;">Some text</p></td> 
 
</tr> 
 
</table>

任何想法?

+0

15px的是字体大小相当大,应正确显示。我有一种感觉,您的电子邮件正在Gmail应用上调整大小。是否有任何代码会迫使它做到这一点?也许一个图像具有模板大小的最大和最小宽度? – Syfer

回答

0

我能想到的最简单的事情就是使用视口单元。即这些:

VW:1/100的视口宽度 VH:1/100的视口高度 VMIN:1/100的最小侧 VMAX的:1/100的最大侧

的设置你的字体 - 大小属性为一些标量* vmax例如并从那里调整。

0

您可以像在网络上一样使用media-query在手机上更改font-size。许多移动客户端现在支持媒体查询,包括most ofgmail

.mobile-p { 
 
    font-size: 18px !important; /* override inline style */ 
 
}
<table> 
 
    <tr> 
 
    <td> 
 
     <p style="font-size: 15px;" class="mobile-p">Some text</p> 
 
    </td> 
 
    </tr> 
 
</table>


此外iOS邮件有时会自动格式文本。禁用自动缩放在iOS的10邮件完全使用这个<meta>标签在<head>

<meta name="x-apple-disable-message-reformatting"> 
相关问题