我正在尝试构建适用于移动设备的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>