图像缩放IE8

我正在为我的一位朋友开发html电子邮件模板。这很简单，所以我把所有的东西放在一张桌子里，因为我认为这是构建它的最快方法。我遇到的问题是我需要表格和其中的图像来扩展浏览器，在FF和Chrome中它都能正常工作。但是，在IE8中，我无法获取最大宽度属性。我需要表格和图像都有最大宽度，而且不会发生。我试图设置表格的最大宽度为720px，但它不会缩放，除非我将其设置为100％，这会弄乱格式。图像缩放IE8

至于图片，如果我将它们的宽度设置为100％，那么当浏览器调整时它们会缩小，但是在全屏时它们完全太大。

我曾尝试：这个

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

和其他变化。正如我所说的，它在FF和Chrome上运行。

来源

2013-04-28 user2328394

如果表格是打开正文元素后文档中的第一个元素？我很困惑，因为你说你使用宽度：继承。更多的是当你回应，但副手，设置你的最大宽度身体或HTML元素，然后100％或自动在表和IMG。 – albert 2013-04-28 07:07:25

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

来源

2013-04-28 05:48:10

我会在网上寻找更多关于电子邮件模板流体设计的文章，Smashing杂志的一篇文章：From Monitor to Mobile Optimizing Email Newsletters with CSS是一个很好的开始。

对电子邮件的支持充其量只是摇摇欲坠，它还没有赶上现代的方法。没有任何代码比你提供的更多，现在我无法帮助更多。

更新：另请检查Applying fluid layouts to HTML Email designs，它有一个最小/最大宽度兼容性图表可能会有所帮助。

来源

2013-04-28 05:54:04 darcher

回答

相关问题