html - MS Outlook 中的自适应字体大小

标签 html css outlook inline

我想让我的电子邮件签名中的字体大小响应。 VW 正是我所需要的,但在 outlook 中似乎不起作用。我尝试过 css,但我认为它需要内联 CSS,而且我不确定如何内联 @media 屏幕。

我已经试过了,这也不会调整大小。

<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>

它在移动设备上看起来并不糟糕,但字体太小了一点,我似乎没有做任何事情来增加它。

最佳答案

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

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

关于html - MS Outlook 中的自适应字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57027070/

相关文章:

html - img 未在 Safari 中显示以尝试使 img map 响应

php - 使整行可点击

javascript - HTML5 自动滚动到下一部分

vba - 如何默默拒绝 session ?

javascript - 如何使用 javascript 对动态创建的行进行计数

css - 如何在 CSS 中引用附加了类的输入?

jquery - 如何使 Fusion Mega 菜单中的子菜单仅在悬停时显示?

language-agnostic - 从 Outlook 2007 中提取自动完成电子邮件

vb.net - 如何通过 vb.net 以编程方式使用 Outlook 捕获异常发送电子邮件?

javascript - Jquery 可拖动用户界面 |将图像拖入容器时更改图像大小