У меня есть интересная проблема, которую я не могу понять.
Chrome и FireFox добавляют стиль по умолчанию margin-block-start:1em; margin-block-end:1em;, а Safari добавляет margin-before:1em; margin-after:1em; к элементам абзаца и заголовка.Это приводит к тому, что между абзацами, а также заголовками и связанной с ними копией появляется больше места, чем предполагалось.
Я могу добавить сброс, который работает для просмотра HTML-кода непосредственно в браузере.Но этот сброс не выполняется на Outlook.com, Office 365 и Gmail.Похоже, что эти клиенты веб-почты не поддерживают эти свойства CSS и отфильтровывают их.
Это то, что я пытался использовать до сих пор:
p, h1, h2, h3, h3, h4, h4 {
margin-block-start:0px;
margin-block-end:0px;
margin-inline-start:0px;
margin-inline-end:0px;
-webkit-margin-before:0px;
-webkit-margin-after:0px;
margin-before:0px;
margin-after:0px;
}
Этот стиль CSS не делает егов тег стиля на почтовых клиентах.Например, Outlook.com показывает пустые скобки без каких-либо свойств.Поэтому глобальный сброс не выполняется, и браузер применяет значение 1em.
Кто-нибудь еще нашел решение этой проблемы?Установка полей и свойств отступа не переопределяет маржинальный блок.