标签: css responsive-design outlook html-table html-email
我开发了一个响应式电子邮件设计,但Outlook在我的一个表之后不断增加差距。我尝试了一切。我添加了边界崩溃:崩溃;我分桌了;为我的图像添加了块样式 - 没有任何工作。任何帮助将不胜感激。
可以找到html here. 问题here.
答案 0 :(得分:0)
而不是将float属性赋予表。最好是制作2列,然后将每个表放在每列中。
float
仅为您的信息Outlook.com完全降低保证金和浮动支持
Outlook.com
答案 1 :(得分:0)
我会转向antwort的方向,并使用表格列强制使用媒体查询的全宽display: block;(而不是彼此相邻的浮动表)。
display: block;
查看修改后的HTML here。不过,我还没有测试过。它可能需要更多的工作,电子邮件客户端是众所周知的令人沮丧。
here