Поиск…


Вступление

Как и в случае с веб-разработкой, теги <meta> могут быть включены в <head> письма. Теги <meta> сообщают клиентам электронной почты, как интерпретировать и отображать код электронной почты. Это теги <meta> , которые регулярно используются в электронной почте.

Тип содержимого

Content-Type предназначен для указания движку рендеринга назначения, как обрабатывать текст и специальные символы. Вы должны кодировать все специальные символы в любом случае (например, & &amp; для амперсанда), чтобы быть безопасным, но в любом случае стоит сохранить эту строку.

utf-8 работает в большинстве случаев

<head>
    <meta charset="utf-8">
</head>

или же

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

в зависимости от вашего doctype .

Viewport

viewport указывает устройству установить зону просмотра в ширину экрана устройства. Он также устанавливает начальную шкалу в нормальную (не увеличенную или уменьшенную).

<meta name="viewport" content="width=device-width">

или же

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Хотя принудительная первоначальная шкала не нужна.

Если это не указано, многие смартфоны могут масштабировать контент вниз, чтобы его содержимое находилось в пределах видимой области, но не было ни одного из его дополнений или полей. Это может привести к тому, что текст и изображения будут удаляться вплотную к краю экрана.

Режим отображения EdgeHTML

IE=Edge предназначен для указания движку рендеринга назначения использовать последнюю (крайнюю) версию механизма рендеринга IE, что позволяет реагировать на поведение в телефонах Windows.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Иногда это прерывает изображения в Live Mail, поэтому, поскольку тег IE=Edge специфичен для Microsoft, его можно обернуть в условный комментарий, чтобы скрыть его от Live Mail:

<!--[if !mso]><!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->

Отключить автомасштабирование в iOS 10 Mail

Apple iOS 10 Mail не всегда автоматически настраивает невосприимчивые письма . auto-scale мета - тег может быть использован для отключения автоматического масштаба функции в IOS 10 почты полностью.

<meta name="x-apple-disable-message-reformatting">


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow