Outlook HTML电子邮件签名如何移动友好？答案

【问题标题】：How to do Outlook HTML email signature mobile friendly?Outlook HTML电子邮件签名如何移动友好？
【发布时间】：2018-07-02 10:22:02
【问题描述】：

我做了outlook HTML签名，它看起来不错，工作也很好，但是在移动设备上它看起来很大。如果可以做我的签名响应？我的 HTML 代码：

<html>
<head>
<title>Signature</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Signature4.psd) -->
<table id="Table_01" width="880" height="300" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="6">
            <img src="images/Signature4_01.png" width="880" height="263" alt=""></td>
    </tr>
    <tr>
        <td>
            <a href="matt.yesmaniski@themenorahgroup.com">
                <img src="images/email.png" width="301" height="37" border="0" alt=""></a></td>
        <td>
            <img src="images/Signature4_03.png" width="58" height="37" alt=""></td>
        <td>
            <a href="https://www.facebook.com/pages/Imagine-Built-Homes/109522549076128" target="_blank">
                <img src="images/facebook.png" width="28" height="37" border="0" alt=""></a></td>
        <td>
            <img src="images/Signature4_05.png" width="1" height="37" alt=""></td>
        <td>
            <a href="https://twitter.com/ImagineBltHomes" target="_blank">
                <img src="images/twitter.png" width="28" height="37" border="0" alt=""></a></td>
        <td>
            <img src="images/Signature4_07.png" width="464" height="37" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

【问题讨论】：

标签： html css responsive-design outlook

【解决方案1】：

如果您尝试用百分比替换所有固定宽度，则应进行调整以适合设备。例如，将表格宽度设为 100% 而不是 880 等

【讨论】：

谢谢！我没想到。