從HTML電子郵件中刪除默認的Android填充

我有一個響應的電子郵件佈局，其中一些元素伸展視口的整個寬度，無論可能。從HTML電子郵件中刪除默認的Android填充

在Android中（天然郵件和Gmail應用上4.4至少）似乎存在於任一側〜10px的填充。是否有任何財產或詭計否定這一點？

（我覺得這個問題應該已經問過，但搜索只提供完全不相關的HTML電子郵件保證金問題，所以很抱歉，如果這是重複的）。

試圖

抵消體餘量。這影響了佈局，但沒有解決問題。以下代碼的結果只是簡單地刪除了左側的填充，但在本機應用程序的右側填充了兩倍。

html, body{ 
    padding:0 !important; 
    margin:0 !important; 
    width:100% !important; 
} 
div[style*="margin: 16px 0"] { 
    margin:0 !important; 
    font-size:100% !important; 
    width:100% !important; 
}

Gmail應用沒有變化。

更多的見解

看來身體保持在視口的寬度相同，無論寬度設置。如果將寬度設置爲1000px，則電子郵件會縮小以適合兩側邊距的區域。保證金可以在身體上使用保證金：0取消，但身體保持相同的尺寸，導致在右側出現額外的空間。

我相信客戶端是以編程方式調整電子郵件的大小以適應給定的寬度。唯一的解決辦法很可能是「欺騙」客戶。似乎沒有工作...

來源

2016-06-21 Randy Hall

問題是簡單的利潤率，Android 4.4的電子郵件客戶端應用的邊緣值（但其實際上不可見的右側），所以即使在你的電子郵件消息已呈現，它已與整個視口混淆。

您可以正常化它，通過下面的框。

body { margin:0 !important; } 
div[style*="margin: 16px 0"] { margin:0 !important; font-size:100% !important; }

https://blog.jmwhite.co.uk/2015/09/19/revealing-why-emails-appear-off-centre-in-android-4-4-kitkat/

來源

2016-06-23 20:11:32

我不能得到這個工作，似乎沒有任何改變。我也沒有看到他們描述的「偏離中心」問題。也許這種方法是針對舊bug的錯誤修復？ –

得到它做的事情，但真的沒有變得更好。查看更新的帖子。 –

從HTML電子郵件中刪除默認的Android填充

回答

相關問題