为什么 Android Gmail 应用程序中的电子邮件堆栈中的左对齐表格包含全宽图像？

Question

我知道 Android Gmail 应用程序不允许媒体查询，因此应该显示电子邮件的桌面版本。

在大多数情况下是这样，但是有一个部分应该并排放置，并且由于某种原因在 Android Gmail 应用程序上，它堆叠在一起，这似乎是由于图像与 table 的宽度相同，因为如果每个左对齐的 table 中只有文本，它就可以正常工作。我想知道是否还有其他人遇到过这个问题并找到了解决方案？

到目前为止我遇到的唯一解决方案是减小图像的宽度，然后在图像右侧留下一个空隙。

代码如下：

<table class="mobile_wrapper" bgcolor="#000000" border="0" width="640" cellpadding="0" cellspacing="0" style="background-color:#000000; width:640px;">
                <tr>
                  <td>    
                    <table align="left" class="mobile_wrapper" bgcolor="#000000" border="0" width="320" cellpadding="0" cellspacing="0" style="background-color:#000000;width:320px;"> 
                        <tr>
                          <td>
                            <img src="https://placehold.it/320x389" alt="image" width="100%" height="389" border="0" align="top" class="mobile_image" style="display:block;" /> 
                         </td>
                       </tr>  
                   </table>
                  <table align="left" class="mobile_wrapper" bgcolor="#000000" border="0" width="50%" cellpadding="0" cellspacing="0" style="background-color:#000000;width:320px;"> 
                       <tr>
                         <td>
                           <img src="https://placehold.it/320x389" alt="image" width="100%" height="389" border="0" align="top" class="mobile_image" style="display:block;" />
                         </td>
                       </tr>
                 </table>
               </td>
             </tr>
</table>

Answer 1

我不确定为什么这会被否决 - 但对于遇到此问题的任何其他人来说，这实际上是一个简单的修复 - 我认为这与 Gmail 的自动调整大小有关。

绕过它的方法是确保图像在 table 内具有固定宽度的 100% 宽度 - 这样如果 table 缩小 - 图像将缩小它。我几乎得到了它 - 但由于某种原因在第二个左对齐 table.

上有 50% 的宽度

为什么 Android Gmail 应用程序中的电子邮件堆栈中的左对齐表格包含全宽图像？

Why do left-aligned tables in an email stack on the Android Gmail App when they contain full width images?

html

css

email

gmail

android