HTML電子メールからデフォルトのAndroidパッディングを削除します

Question

私は応答可能な電子メールレイアウトを持っていますが、いくつかの要素があれば、ビューポートの幅全体が伸びます。

Androidの場合（ネイティブメールと4.4のGmailアプリ）少なくとも片方には〜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を使用して取り消すことができますが、ボディは同じサイズのままで、余分なスペースが右側に表示されます。

私は、クライアントが指定された幅に合わせてプログラムで電子メールのサイズを変更していると考えています。これを回避する唯一の方法は、クライアントを何とか "トリック"する可能性が高いからです。何も

Answer 1

問題は単純であるマージン、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/