Est-il une méthode de désactivation de l'Application Gmail de l'Auto-fonction de redimensionnement dans un e-mail de la mise en page?

Je suis pose un courriel à être affiché dans les navigateurs et plates-formes mobiles et la plupart du temps tout se passe bien. Il est aménagé dans les tableaux, à l'aide de inline style etc. Toutefois, en dépit d'un média-requête à l'effet d'un 600px max-width, l'application Gmail sur au moins mon et un autre Android, j'ai accès, c'est opter pour redimensionner les images et la mise à l'ajustement dans la zone au lieu d'utiliser la requête de support ou de le laisser se forme dans la fenêtre normalement, soit de ce qui serait parfait.

Pour une utilisation personnelle, je suis en mesure de désactiver le redimensionnement automatique sur mon téléphone, puis l'e-mail pose comme il le ferait dans un navigateur.

Est-il un moyen d'indiquer à l'application Gmail pas de redimensionnement automatique de la taille d'e-mail ou d'utiliser les médias de la requête à la place?

OriginalL'auteur Abernasty | 2013-08-22

  1. 11

    Que Google fait de lui-même (sic!) ici vous devez ajouter une petite bidouille sur le haut de votre modèle, juste après votre <body> tag:

    <!-- Gmail hack -->
<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff; line-height:0; width:600px !important; min-width:600px !important; max-width:600px !important;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
<!-- /Gmail hack -->

    Depuis Gmail et Inbox va ignorer la display:none, le hack n'affectera que ces deux clients.

    travailler comme un charme
    quel est ce code???? il sauve mon cerveau explose. Merci! Matteo!
    il fonctionne pour ios de l'application gmail, mais pas de l'application gmail pour android
    La poisse.. Il a travaillé sur les deux plateformes, mais maintenant je peux reproduire le problème sur mon téléphone Android.
    travaille sur mon lenovo-téléphone (960*540 android 4.4)

    OriginalL'auteur Matteo Antoci

  2. 12
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    Puis définissez la style attribut sur une image (1px gif œuvres) qui s'étend sur toute la largeur de la page (style="min-width:600px;"). Tout sera mis correctement, et il va être déplacé.

    Gmail en général ne prend pas en charge les requêtes des médias, ou le style de la balise en général, c'est pourquoi nous devons nous déplacer tout en ligne.

    Malheureusement, je vais à travers un CRM comme un intermédiaire pour la campagne d'e-mail, et je ne peux pas vraiment mettre n'importe quoi dans le <head>. Bien que je ne vois pas qui fonctionnent vraiment bien dans mon test, de toute façon, est-il possible d'utiliser (ou de faire le même effet) une balise meta comme ça à l'extérieur de la <head> et pour ne pas casser internet?
    Woah, ok. J'ai rarement changement de ma tête, de sorte que pouvez-vous au moins à l'échelle mondiale " <head>' pour l'ensemble de vos e-mails? Vous pouvez mettre des balises meta à l'extérieur de la tête, mais oui, je ne vous le recommande pas non plus. Si vous exécutez par e-mail à l'acide ou le tournesol vous pouvez voir comment il va chercher. Le tournesol est gratuit pour une semaine et vous pouvez voir tous les clients. Vous êtes vraiment vous voulez que la fenêtre d'affichage de la balise si vous êtes en train de faire une requête de média / responsive e-mail. Sur le côté de défilement sur mobile est un gros no-no. L'application de messagerie par défaut prend en charge les requêtes de média et les balises de style si vous voulez tester.
    Oui, je suis en utilisant e-Mail à l'Acide, malheureusement, il ressemble lorsque vous allez à travers la modification des conditions de la CRM, aucun des appareils mobiles sont de les interpréter correctement. J'ai la fenêtre d'affichage de la balise dans le haut du corps, cependant.
    Fonctionne pas à tous les

    OriginalL'auteur zazzyzeph

  3. 2

    Inspiré par css-tricks.com, ce bloc de code résolu mon problème.
    Le placer juste avant </body>.

    <table class="gmail-app-fix">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600">
<tr>
<td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;">
<img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/>
</td>
<td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;">
<img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/>
</td>
<td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;">
<img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/>
</td>
</tr>
</table>
</td>
</tr>
</table>

    (Testé avec Gmail 6.0 et de la Boîte de réception 1.20 sur Android 5.0.1, la résolution 720x1280 (fonctionne à la fois sur l'orientation portrait et paysage)).

    OriginalL'auteur Viliam Jobko

  4. -1

    J'ai juste ajouté style="min-width:290px;" pour mon plus externe de la table, qui est la plus petite taille de mon sensibles emails de vue et de son arrêté moveong mes blocs autour et n'a pas de redimensionnement automatique. Cela signifie que dans l'Application Gmail, le mail s'affiche comme un ensemble de e-mail.

    Où avez-vous 290px?

    OriginalL'auteur JoDavis