2015-02-14 5 views
-1

У меня есть письмо, которое отлично выглядит на ноутбуке/настольных компьютерах, но по некоторым причинам отступы теряются на клиентах iOS и Android.Прокладка не соблюдается на мобильном телефоне

Вот несколько скриншотов.

WEB (Gmail)

enter image description here

MOBILE (IOS)

enter image description here

Полный HTML код можно найти здесь (несколько строк, показанные ниже, чтобы пройти SO фильтры):

http://jsfiddle.net/timrpeterson/3fpjddz5/

<body style="background:rgb(251,252,253);padding: 0; width: 100% !important; -webkit-text-size-adjust: 100%; margin: 0; -ms-text-size-adjust: 100%;" > 
+0

проверить свой код в валидатор, вы слишком много ошибок. Кроме того, сделайте свой разум, вы используете HTML5 или используете html переходный (рекомендуется), но не оба одновременно, а тем более, когда вы не объявляете doctype – Devin

+0

Я проверил с помощью валидатора. Ошибки - это не реальные ошибки, а скорее устаревшие атрибуты. –

+0

не все из них, у вас есть реальные ошибки. И эти устаревшие атрибуты показывают, что вы смешиваете дотипы, поэтому я сказал, что вам нужно определить, что вы хотите делать – Devin

ответ

1

Поздно партии здесь, но вы можете исправить это путем добавления отступов в <td>, что оборачивает содержание: Updated fiddle

+0

Спасибо, работал как шарм! –