Ricerca…


introduzione

Come per lo sviluppo web, i tag <meta> possono essere inclusi nel tag <head> di un'email. <meta> tag <meta> indicano ai client di posta elettronica come interpretare e visualizzare il codice di posta elettronica. Questi sono <meta> tag che vengono regolarmente utilizzati nella posta elettronica.

Tipo di contenuto

Il meta tag Content-Type serve a comunicare al motore di rendering di destinazione come elaborare testo e caratteri speciali. Dovresti comunque codificare tutti i caratteri speciali (ad esempio, & diventa &amp; per una e commerciale) per essere sicuro, ma vale comunque la pena di mantenere questa riga.

utf-8 funziona per la maggior parte dei casi

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

o

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

a seconda del tuo doctype .

viewport

Il meta tag viewport indica a un dispositivo di impostare l'area visibile alla larghezza dello schermo del dispositivo. Imposta anche la scala iniziale su normale (non ingrandita o ridotta).

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

o

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

Anche se forzare la scala iniziale non dovrebbe essere necessario.

Se questo non è specificato, molti smartphone possono ridimensionare il contenuto in modo che il suo contenuto si adatti all'area visibile, ma non a nessuno dei suoi padding o margini. Ciò può comportare il testo e le immagini, ma fino al bordo dello schermo.

Visualizza la modalità EdgeHTML

Il meta tag IE=Edge serve a comunicare al motore di rendering di destinazione l'utilizzo della versione più recente (edge) del motore di rendering di IE, che consente il comportamento reattivo nei telefoni Windows.

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

Occasionalmente questo interrompe le immagini in Live Mail, quindi dal momento che IE=Edge tag è specifico di Microsoft, può essere racchiuso in un commento condizionale per nasconderlo da Live Mail:

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

Disattiva la scala automatica in iOS 10 Mail

Apple iOS 10 Mail non scala automaticamente le e-mail non reattive . Il meta tag auto-scale può essere usato per disabilitare completamente la funzione di auto-scala in iOS 10 Mail.

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


Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow