如何爲電子郵件新聞稿添加「響應」寬度？

如何在我的電子報中添加width表格並讓它響應所有電子郵件客戶端？如何爲電子郵件新聞稿添加「響應」寬度？

甲

style="width: 100%"

乙

style="width: 300px"

width="300"

width="300px"

使用電子

width="100%"

來源

2016-05-31 Borja

你想要100％寬度還是300px？ –

@AliSheikhpour @AliSheikhpour我讀過，100％也許沒有問題...所以如果不是真的更好有100％，但如果是一個問題，我將使用300px – Borja

請記住，它不必是響應式設計是移動電子郵件客戶端友好，但無論A將是我的選擇。 – Henry

style代替width屬性，因爲它是在HTML5棄用
我的風格一起提出100％的寬度和最大寬度，因爲它在寬度超過960像素的屏幕中找到下一行並不舒服。
```
<div style="width:100%;max-width:960px;">your content here</div> 
```

來源

2016-05-31 22:38:28

嗯...你說這適用於所有的電子郵件客戶端？（同樣，如果添加到表標記） – Borja

不幸的是，這在桌面Outlook中不起作用，因爲它[不支持'max-width']（https://www.campaignmonitor.com/css/）。 –

爲了掩蓋ALL電子郵件客戶端，包括桌面Outlook和移動版Gmail，你需要混合動力/海綿方法：

<div style="max-width: 300px;"> 
    <!--[if (gte mso 9)|(IE)]> 
    <table cellspacing="0" cellpadding="0" border="0" width="300"><tr><td> 
    <![endif]--> 
    <table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 300px;"> 
    /* email code */ 
    </table> 
    <!--[if (gte mso 9)|(IE)]> 
    </td></tr></table> 
    <![endif]--> 
</div>

在它的核心，它採用MAX-寬度和最小寬度來施加剛性基準線（允許一些移動），併爲固定在桌面上的Outlook施加固定的寬度寬度。一旦設置了移動友好的基線，媒體查詢會逐步增強支持它的客戶端的電子郵件。

它非常詳細，基本上需要兩組標記（一個用於桌面Outlook，另一個用於其他人），但是這種方法將使您在主要電子郵件客戶端中獲得全面覆蓋。

This template顯示了此代碼的基本版本。

來源

2016-06-01 00:59:11

如何爲電子郵件新聞稿添加「響應」寬度？

回答

相關問題