。但这绝对是所提供解决方案中最好的解决方案。
如果内容是图像则不起作用
我必须有边界吗?无国界((
效果很好!如果仅需要一个具有最大宽度的容器
@Phyllis Sutherland您可以尝试删除内联img大小并将其替换为:style="max-width: 100%; height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;"
注意不要像我一样向内部宽度添加单位,否则它将不起作用!即不要做width =" 350px"
这是最好的解决方案,因为它在没有mso条件(某些ESP不支持)的情况下也很好用。
@PhyllisSutherland找到了图像修复程序: litmus.com/community/discussions/
如果img在td内部,则它需要与td相同的width属性。不确定其他元素。
重要提示:table-layout: fixed;不应出现在桌子上。
您可以使用条件html注释为Outlook 2007做一个技巧。
下面的代码将确保Outlook表格的宽度为800px,而不是max-width,但其效果要好于让表格跨越整个窗口。
[Your Content Goes Here] |
极好的建议,但是由于它是一个id选择器而不是一个类,因此可以通过使用table元素上的width attr来节省一些输入
这很棒。除了一个问题,通过设置宽度,Outlook不会让电子邮件缩小到小于给定的尺寸。通过不设置宽度,电子邮件将扩展到整个屏幕。选择你的毒药:)
简短的回答:不。
长答案:
固定格式更适合HTML电子邮件。以我的经验,您最好假装是1999年的HTML电子邮件。要明确,并在表定义中尽可能使用HTML属性(width =" 650"",而不是CSS(style =" width:650px")。使用固定的宽度,没有百分比。 650像素宽的表格宽度是安全的选择。使用内联CSS设置文本属性。
这与" HTML电子邮件"中的工作方式无关,而是过多的电子邮件客户端及其有限的呈现HTML的能力(对于Gmail,Hotmail等,有时是故意的)。
是的,那是我所期望的,但我想通了。
+1:由于电子邮件客户端质量的变化,电子邮件中的HTML是一个可怕的主题。由于某些原因,即使是有意运行最新浏览器的人,也似乎不必费心升级电子邮件软件。有一些严重过时的常用邮件客户端,更糟糕的是,无论如何,邮件客户端通常都落后于当今的浏览器。有时候,如果您要确保每个人都能看到相同的内容,则实际上最好只发送纯文本。
设置为650的固定宽度会使您的电子邮件在移动电子邮件客户端中看起来很糟糕。
这是为什么?如果您为此宽度设计它,为什么会"可怕"?
-1:这看起来很糟糕,因为现实世界中移动设备的尺寸相对较小。这意味着如果不缩放和平移,设计中的文字将变得难以阅读。看看Campaign Monitor指南响应式电子邮件设计。
-1也是因为我也只是在移动客户端中处理此问题,而固定宽度正是我的问题。
今年是2015年。移动设备无处不在。您是说要忘记移动设备的愚蠢前景吗?我说,忘记前景。还有其他来自微软的产品。
参加聚会有点晚,但这可以完成。我将示例保留为600,因为大多数人会使用以下示例:
与Shay的示例类似,除了它还包括max-width以便在其他确实有支持的客户端上工作,以及防止Outlook '11所需的第二种扩展方法(媒体查询)。
在头上:
@media only screen and (min-width: 600px) { .maxW { width:600px !important; } }
在身体里:
main content here |
这是另一个正在使用的示例:移动设备的响应订单确认电子邮件?
这是对我有用的解决方案
https://gist.github.com/elidickinson/5525752#gistcomment-1649300,感谢@ philipp-klinz
您能否提供一个更简洁的示例,其中有很多不需要解决问题的内容
@EdL的想法是,这是获得电子邮件友好的max-width的最简洁方法。这整个东西将替换...。对于我发现要旨时正在处理的电子邮件,这是使Outlook 2010、2013和2016看起来正常的唯一解决方案。
这对图像有用吗?
@henry我更多地提到了所有的cellpadding字体大小属性等。图像是一个棘手的问题,因为除非您将width =" 500"指定为属性,否则500(以像素为单位)的宽度将使图像达到全尺寸( wrt。image file)通常会导致固定宽度。
照原样保留它是因为它不是我的代码(我只是从要旨中引用了它),但Ive将其变成了社区Wiki。 我认为有必要明确指定0px padding s和margin s以及0 cellpadding和cellspacing。 它可能的指定line-height可以替代font-size,以填补不尊重height的时间(Id希望在所有tr上然后在所有td上对其进行测试,以查看确切位置 其所需的)。 @EdL,如果您能够获得更轻巧的解决方案,而且效果还不错-请在此处以及链接的要点中发布
Copyright © 码农家园