我将字体设置为15px,但在移动设备上查看电子邮件(特别是mail> gmail)时,文本显得小得多。如何在不增加桌面大小的情况下增加移动设备的大小,我听到gmail提取媒体查询。字体大小的电子邮件移动太小
<table>
<tr>
<td style="font-size: 15px;"><p style="font-size: 15px;">Some text</p></td>
</tr>
</table>
任何想法?
我将字体设置为15px,但在移动设备上查看电子邮件(特别是mail> gmail)时,文本显得小得多。如何在不增加桌面大小的情况下增加移动设备的大小,我听到gmail提取媒体查询。字体大小的电子邮件移动太小
<table>
<tr>
<td style="font-size: 15px;"><p style="font-size: 15px;">Some text</p></td>
</tr>
</table>
任何想法?
我能想到的最简单的事情就是使用视口单元。即这些:
VW:1/100的视口宽度 VH:1/100的视口高度 VMIN:1/100的最小侧 VMAX的:1/100的最大侧
的设置你的字体 - 大小属性为一些标量* vmax例如并从那里调整。
您可以像在网络上一样使用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">
15px的是字体大小相当大,应正确显示。我有一种感觉,您的电子邮件正在Gmail应用上调整大小。是否有任何代码会迫使它做到这一点?也许一个图像具有模板大小的最大和最小宽度? – Syfer