图像缩放IE8

时间:2013-04-28 05:41:31

标签: html image internet-explorer-8 css

我正在为我的一位朋友制作一个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中运行。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

对电子邮件的支持充其量是不稳定的,它尚未赶上现代方法。没有任何代码而不是你提供的代码,我现在无法提供更多的帮助。

更新:同时检查Applying fluid layouts to HTML Email designs,它有一个可能有用的最小/最大宽度兼容性图表。