Usuwanie domyślnego dopełnienia systemu Android z wiadomości e-mail w formacie HTML

Question

Mam elastyczny układ e-mail, w którym niektóre elementy rozciągają się na całą szerokość widocznego obszaru, niezależnie od tego, jaka może być.

W systemie Android (natywna poczta i aplikacja Gmail przynajmniej w wersji 4.4) Wygląda na to, że po obu stronach znajduje się dopełnienie ~ 10 pikseli. Czy istnieje jakaś właściwość lub sztuczka do negowania tego?

(Mam wrażenie, że to pytanie powinno już zostać zadane, ale wyszukiwanie zapewnia tylko całkowicie niezwiązane problemy z marginesem e-maili w formacie HTML, więc przepraszam, jeśli jest to duplikat).

Tried

Anulowanie z marginesu ciała. Wpłynęło to na układ, ale nie rozwiązało problemu. Wynik następującego kodu po prostu usunął dopełnienie po lewej stronie, ale podwoił dopełnienie po prawej stronie w natywnej aplikacji.

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; 
} 

Bez zmian w aplikacji Gmail.

Więcej spostrzeżenia

Wydaje się, że ciało pozostaje taką samą szerokość w rzutni niezależnie od ustawienia szerokości. Jeśli ustawisz szerokość na 1000px, wiadomość e-mail zostanie zmniejszona, aby zmieścić się w obszarze z marginesem po obu stronach. Margines można skasować za pomocą marginesu: 0 na ciele, ale ciało pozostaje tej samej wielkości, co powoduje pojawienie się dodatkowej przestrzeni po prawej stronie.

Uważam, że klient programowo zmienia rozmiar wiadomości e-mail, aby zmieścić się na określonej szerokości. Jedyny sposób, aby to zrobić, może w jakiś sposób "oszukać" klienta. Wydaje się, że nic jeszcze nie działało ...

Answer 1

Problem to po prostu marginesy, klient poczty e-mail Android 4.4 stosuje margines we wszystkich stronach (ale nie jest widoczny po prawej stronie), więc nawet przed wiadomość e-mail jest renderowana, jest już poprzesuwana z ogólnym rzutni.

Można go normalizować, korzystając z poniższego bloku.

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/