Question

我想在我的电子邮件签名中响应字体大小。大众正是我所需要的，但在Outlook中似乎没有用。我已经尝试过CSS，但是我相信它必须是内联CSS，而且我不确定如何将@media screen内联。

我尝试过em，这也没有调整大小。

<body style="padding:0; margin:0">
<table width="700" cellspacing="0" cellpadding="0" bgcolor="#">
<tr>
<td bgcolor="#ffffff" width="700" valign="top">
<div style="overflow-x:auto;">
<table border="0" cellspacing="0" cellpadding="0" width="700">
<tr>
<td align="left" width="30%" style="vertical-align:bottom";>
<img src="https://grapaes.com/signatures/Grapa%20and%20tag.png? 
_t=1563094564" alt="Logo" border="0" style="display:block" /></td>
<td style="width: 70%;  height:auto; vertical-align:bottom;">
<span style="font-size: 1vw; font-family:'Raleway', sans-serif, Arial; 
color: #9d2347; font-weight: bold;">Full Name</span><br />
<span style="font-size: .9em; font-family:'Raleway', sans-serif, Arial; 
color: #5f6062; font-weight: 300;">Job descrtiption</span><br />
span style="font-size: .85em; font-family:'Raleway', sans-serif, Arial; 
color: #5f6062; font-weight:300;">Phone: number here<br />
Website: <a href="http://www.grapaes.com"><font color="5f6062">

网站/ u>

</div>
</body>

在手机上看起来并不可怕，但是字体有点太小，我似乎没有做任何事情来增加它。

Answer 1

Outlook不支持overflow-x CSS元素。您可以找到以下文章中介绍的受支持和不受支持的HTML元素，属性和级联样式表属性：

Outlook使用Word作为电子邮件编辑器来显示HTML标记。因此，如果要获得漂亮的视图，应遵循为Word定义的规则。

Answer 2

我在Stackoverflow的另一个线程上找到了这个，为什么在我发布问题之前找不到它，我不确定：

字体大小：calc（7px + .5vw）;

这种语法有效，并最终使我拥有了可缩放的文本。现在可以轻松地在mnobile中阅读它。

MS Outlook中的自适应字体大小

2 个答案: