更改表格位置的html emailer

你好，我正在做一个html邮件，我真的面临一个大问题，我；我没能修好它。我的html邮件中有两个表格，我希望它能在手机上响应我在文章中提到的，但他们做的正好相反。他有两个表格，在手机上，左表向上，右表向下。对我来说，我想要做相反的事情，我想要右边的上升，左边的下降。 另外，当我尝试他的文章《步骤》时，除了iphone之外，其他所有手机都可以使用，当我打开iphone邮件时，它不工作

这是放在小提琴上的

同侧小花是唾液腺
同侧眼线是si
Lorem Ipsum是siLorem Ipsum是si
同侧眼线是si
同侧眼线是si
彭博电视台

同侧眼线是si
同侧眼线是si
同侧眼线是si
同侧眼线是si
fgfddddd
s
Lorem Ipsum就是dumm
11月1日，纽约

链接

这个问题有很多问题。基本问题“如何使右侧的表位于响应布局的顶部”的答案在DIR属性中。在您的布局中，您将实际向后构建电子邮件，右栏在左侧，左栏在右侧。但是，在主表中，设置dir='rtl'将其翻转。（在内部，将容器表的TDs设置为dir='ltr'，以固定内容方向

这是伪代码：

<table dir="rtl"><tr>
    <td dir="ltr">        
        <table>Right column contents</table>
    </td>
    <td dir="ltr">
        <table>Left column contents</table>
    </td>
</tr></table>

右栏内容
左栏内容

完整示例如下：

注意，这是一个快速脏的示例-移动设备的Gmail客户端根本不支持媒体查询/样式块。这个示例有一个桌面优先媒体查询

---

编辑-mobile first pen:

我从这篇文章中得到了我所做的，谢谢你，但我不为我工作，因为是的，正如你所说的，这是一个媒体查询，我认为它应该是线性的，rtl和ltr也不为我工作。我稍微修改了我的代码笔；样式块（或任何媒体查询）中不需要方向CSS属性让它工作。这有点让人困惑，但这就是你如何让它工作的方法。你好，非常感谢，但在桌面和手机浏览器上工作是可以的，但问题是，当我以电子邮件的形式发送它时，我以邮件的形式发送它，它也是一样的

<table dir="rtl"><tr>
    <td dir="ltr">        
        <table>Right column contents</table>
    </td>
    <td dir="ltr">
        <table>Left column contents</table>
    </td>
</tr></table>