我想让我的电子邮件签名中的字体大小响应。 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 元素、属性和级联样式表属性:
- > Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)
- > Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)
Outlook 使用 Word 作为电子邮件编辑器来显示 HTML 标记。因此,如果您想获得漂亮的 View ,您应该遵循为 Word 定义的规则。
关于html - MS Outlook 中的自适应字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57027070/