HTML电子邮件-GMAIL显示块不';我不能正常工作

HTML电子邮件-GMAIL显示块不';我不能正常工作,html,css,email,gmail,media-queries,Html,Css,Email,Gmail,Media Queries,我已经创建了一个HTML电子邮件活动,必须有响应。 在桌面上,电子邮件有两列,但在移动设备上,它必须显示为一列 正如预期的那样,这在其他客户机中也可以使用,但在Gmail中,列(td)并没有达到全宽(附图片) 结构是这样的: <table class="w640"> <tr> <td class="w640">COLUMN 1</td> <td class="w640">COLUMN 2</td> &l

我已经创建了一个HTML电子邮件活动,必须有响应。 在桌面上,电子邮件有两列,但在移动设备上,它必须显示为一列

正如预期的那样,这在其他客户机中也可以使用,但在Gmail中,列(td)并没有达到全宽(附图片)

结构是这样的:

<table class="w640">
  <tr>
    <td class="w640">COLUMN 1</td>
    <td class="w640">COLUMN 2</td>
 </tr>
</table>

这就是Gmail正在发生的事情。这两列的宽度不是100%:

我认为您的问题可能是没有为表指定宽度。 您可以给它一个静态(px)或一个灵活的(%)宽度

td&tr上的显示块应该为您完成这项工作。 希望这能帮你一点忙

@仅媒体屏幕和(最大宽度:639px){
tr td{
显示:块;/*必要*/
}
}
运输署{
背景:蓝色;
}
桌子{
文本对齐:居中;
宽度:90%;
背景:红色;
保证金:0自动;
}
div{
背景:黄色;
宽度:400px;/*如果表格中给出了百分比,则为必要*/
高度:400px;
}

第1栏
第2栏

我遇到了似乎完全相同的问题,正在寻找解决方案。我已经为桌子指定了宽度,所以不是那样

最后,我使用了
,而不是
,现在它可以工作了


希望这对某人有所帮助。

你是什么意思?如果我不能将单元格转换为块,我如何才能将2列(td)转换为1列?我应该如何更改它?很抱歉问这个问题,但我真的不明白我应该向tr添加什么。
表[class=w640]>tr
,将其添加到上面的媒体查询中我尝试过,但如果我给tr一个“display:block”,它将在手机上显示2列,而不是1列
@media only screen and (max-width: 639px) {
 table[class=w640], 
 td[class=w640] { width:90% !important; display:block !important; }
}