html - 移动电子邮件忽略最大宽度CSS

我正在尝试构建适用于移动设备的HTML电子邮件，但是当我使用max-width CSS属性来定义主表元素的宽度时，iOS和Android都会忽略它并将整个电子邮件扩展到适合他们的默认宽度。这打破了我的设计。这是我的代码：

<html>
<head>
<title>HTML Email</title>
</head>
<body yahoo bgcolor="#ffffff" style="margin: 0; padding: 0; min-width: 100%!important;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff">
    <tr>
        <td align="center">
            <table class="content" cellpadding="0" cellspacing="0" border="0" style="width:100%; max-width: 550px;">
                <tr>
                    <td>My Content</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</td>
</tr>
</table>
</body>
</html>

移动电子邮件忽略最大宽度CSS

0 个答案: