【发布时间】：2020-11-08 04:53:49
【问题描述】：
因此，我尝试发送包含宽表的 HTML 电子邮件（如果需要，使用 PHP），并将其格式化为 Android 和 iOS 版 Gmail 中可水平滚动的格式。无论如何，无论我做什么，我都无法在 Android 版 Gmail 应用程序中显示水平滚动条，尽管它似乎可以在网络版 Gmail 中使用。我已经用表格宽度 100% 尝试过这个，没有表格宽度和最小宽度，没有任何效果。我也尝试过使用 overflow-x: auto 而不是 scroll。
Android 版 Gmail 只会显示到某一列，然后，如果您向右滑动滚动，它会将您带到上一封电子邮件。我注意到的是，如果我进入我的 Android 版 Gmail 设置并禁用“自动调整邮件”，它可以解决问题。不幸的是，这是默认设置，我不能指望我的所有读者都禁用它（有没有办法在我的 html 中禁用它？）。
这是我的电子邮件 html。
<html>
<head></head>
<body>
<div style="overflow-x: scroll;">
<table style="width: 100%;">
<tr>
<th>Article</th>
<th>Entrance</th>
<th>Page Views</th>
<th>Author</th>
<th>Images in Article</th>
<th>Links in Article</th>
<th>Links to Article</th>
<th>Meta Title</th>
<th>Google Referrers</th>
<th>AMP Traffic</th>
<th>Users</th>
</tr>
<tr>
<td>How to Scroll in Gmail</td>
<td>500,000</td>
<td>700,000</td>
<td>John Smith</td>
<td>25</td>
<td>200</td>
<td>How to Scroll in Gmail: a Comprehensive Guide</td>
<td>2,000,000</td>
<td>3,000,000</td>
<td>100,000,000</td>
</tr>
</table>
</div>
</body>
</html>有什么想法吗？或者是不可能在 Gmail 应用程序中显示水平滚动条，因为 Google 想要它的滑动正确的东西？
【问题讨论】：
-
使用
meta标签并使用媒体查询。它会起作用的。 -
我有类似的问题，滚动添加到表格数据 div 中，在桌面上运行良好，但在移动 gmail 应用程序上出现问题，因为它会滑动到下一封/上一封电子邮件。
标签： css gmail html-email