2016-06-07 99 views
2

對不起,不是100%肯定,如果這屬於這裏或超級用戶組,但...雅虎改變寬度最小寬度上TD

我有一個HTML電子郵件,我想爲中心,稍有4個圖標間隔。

所以,我有一個表格,其中有4個寬度單元格和兩側多餘的空單元格。

<table style="width:100%;border-collapse:collapse;table-layout:fixed;"> 
    <tr> 
     <td></td> 
     <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td> 
     <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td> 
     <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td> 
     <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td> 
     <td></td> 
    </tr> 
</table> 

適用於我測試過的每個瀏覽器(大部分都使用Litmus)的每個電子郵件客戶端,但雅虎除外。

雅虎正在用所有瀏覽器中的「最小寬度」替換「寬度」聲明,這正在破壞佈局。

我試過添加width:32px;min-width:32px;max-width:32px但它有同樣的問題。

任何解決方法或解釋?

+0

某些解決方案[此處](https://litmus.com/community/discussions/5336-yahoo-mail-update-potentially-breaks-hybrid-emails)可能對您有用。 – Shaggy

回答

1

速戰速決,把這個在您的<style>標籤:@media yahoo {min-width:0!important}

這種變化/ bug是全新的在此張貼的時間。雅虎現在將寬度變爲最小寬度,打破了其他方面的混合佈局。關於the Litmus Community中的其他黑客有一個很好的討論。

+0

**更新:**雅虎修復了他們的錯誤,所以這個問題不應該存在! –

0

我面對高度相似的問題。雅虎電子郵件客戶端自動將高度轉換爲最小高度。

作爲解決此問題的補充,我添加了height =「300px」作爲標記的屬性。

這幫助我解決這個問題。