圖像縮放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

回答

相關問題