1

我正在为我的一个朋友制作一个 html 电子邮件模板。这很简单，所以我把所有东西都放在一张桌子上，因为我认为这将是构建它的最快方法。我遇到的问题是我需要表格和其中的图像与浏览器一起缩放，并且在 FF 和 Chrome 中它工作得很好。但是，在 IE8 中，我无法使 max-width 属性起作用。我需要表格和图像都具有最大宽度，但这并没有发生。我正在尝试将表格的最大宽度设置为 720px，但除非我将其设置为 100%，否则它不会缩放，这会打乱格式。

至于图像，如果我将它们的宽度设置为 100%，它们会在调整浏览器时缩小，但在全屏时它们完全太大了。

我努力了：

    table{width:inherit; max-width:720px; width:auto;}
    img{max-width:720px; width: 100%;}

以及其他变化。正如我所说，它适用于 FF 和 Chrome。

4

2 回答 2

0

IE 将“随机”添加hspace到vspace图像中。也许这会导致问题。

于 2013-04-28T05:48:10.380 回答
0

我会在网上寻找更多关于电子邮件模板流畅设计的文章，Smashing Magazine 上的一篇文章：从监视器到移动使用 CSS 优化电子邮件通讯是一个很好的开始。

对电子邮件的支持充其量是不稳定的，它还没有赶上现代方法。没有比您提供的更多代码了，此时我无能为力。

更新：还检查将流体布局应用于 HTML 电子邮件设计，它有一个最小/最大宽度兼容性图表，可能会有所帮助。

于 2013-04-28T05:54:04.373 回答