使用Google收件箱編碼html電子郵件（自動調整大小）

試圖創建在移動應用中正確顯示的電子郵件新聞稿，但Google Inbox的自動調整大小功能會打破布局。使用Google收件箱編碼html電子郵件（自動調整大小）

我嘗試使用min-width內嵌每個元素（一個與gmail應用程序一起使用的技巧），但遺憾的是它在收件箱中沒有任何作用。另外，與Gmail應用不同，您不能在郵件中禁用自動調整大小。

有什麼建議嗎？

2015-04-25 Dovid Levine

我遇到了同樣的事情。原來，如果你使用!important聲明，它的工作原理。例如：

<div style="width: 100% !important; min-width: 100% !important;"></div>

這適用於我的Gmail應用程序和收件箱應用程序。

來源

2015-10-15 17:06:11

它看起來像你要響應網頁設計。

我與主容器寬度開始：100％和視口在報頭中設置：

<meta name="viewport" content="user-scalable=yes,width=device-width,initial-scale=1,maximum-scale=1">

那麼您的div或容器中，作爲塊或內聯塊的其餘部分與寬度％除非對準你特別需要一個div的像素寬度。

來源

2015-04-25 02:01:47 Liquidchrome

不幸的是，這沒有幫助。雖然時事通訊在網絡中有響應，但每個item/div/table /等的尺寸都是硬編碼的，以便在Gmail中正確顯示（忽略媒體查詢）。這裏的問題在於Gmail和Google收件箱使用稱爲「自動調整大小」的功能。儘管您可以通過在每個表/ div/img中添加最小寬度來解決gmail中的此問題，但此解決方法在收件箱中不起作用... –

已經注意到了同樣的事情。在某些電子郵件模板上，我一直在爲我工作的是刪除最小寬度並添加邊界的內聯樣式：0 auto;對每張桌子來說，這至少將內容與中心對齊。請看下面的例子：

    <table ${cell_reset} style="${table_reset} width: 300px; margin:0 auto;" width="300" class="container" align="left"> 
         <tr> 
         <td style="width:300px;"> 

         </td> 
         </tr> 
        </table> 

        <table ${cell_reset} style="${table_reset} width: 300px; margin:0 auto;" width="300" class="container" align="right"> 
         <tr> 
         <td style="width:300px;"> 

         </td> 
         </tr> 
        </table>

來源

2015-08-05 20:49:54

使用Google收件箱編碼html電子郵件（自動調整大小）

回答

相關問題