Problème empêchant l'iPhone de redimensionner les e-mails HTML
Je vais avoir un problème en essayant d'empêcher l'iPhone de redimensionnement HTML des e-mails pour s'adapter à l'écran. Il semble que le code ci-dessous lors de la mettre dans la section n'a pas d'effet.
Mon but est juste d'arrêter la police re-dimensionnement. J'ai essayé d'autres variations à l'aide de -webkit-text-size-adjust:none; inline et de l'autre manière, le tout sans succès.
Serait puissamment apprécie tous les conseils ou une solution alternative.
@media screen et
(max-device-width: 480px){/*fixes too big font in mobile Safari*/ html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } } </style>
source d'informationauteur jsuissa
Vous devez vous connecter pour publier un commentaire.
L'iPhone semble être une douleur quand il s'agit de redimensionnement des choses, surtout lorsque vous changez l'orientation du téléphone. Avez-vous essayé d'ajouter la balise meta avec fenêtre d'affichage des paramètres?
Il ne les empêcher de zoomer, mais je n'ai pas trouvé de meilleur moyen pour arrêter l'iPhone de zoomer sur les changement d'orientation. Je ne sais pas si cela va aider dans cette situation, mais juste une suggestion pour essayer.
J'ai été coincé avec ce problème et il n'y a pas de solution disponible sur le net qui fonctionne.
Pas jusqu'à ce que j'ai réalisé ce qui cause cela.
CAUSE:
Ce problème se produit si vous avez une image w/dans l'e-mail. Lorsque l'image de l'auto-échelle, l'ensemble de l'e-mail/page s'auto-ajustement de la fenêtre.
SOLUTION:
Ajouter de style en ligne pour l'image de min-width (300px pour ne pas prendre la totalité de 320px iphone largeur), max-width (de votre choix max), et largeur de 100%.
c'est à dire
image src="image.jpg" style="width: 100%; min-width: 300px; max-width: 500px;"
Ont travaillé pour moi ...en espérant que cela peut vous aider aussi! 😉
Ce que vous faites est correct mais le problème, c'est que plutôt que d'utiliser
-webkit-text-size-adjust:none;
à l'intérieur d'une balise style, vous devez l'utiliser dans le ci-dessous:Cela signifie que vous devriez utiliser cela comme une propriété css.
De se débarrasser de ce problème, vous devez mettre ceci dans votre CSS balise body:
De cette façon, Safari conserve le texte à 100% de la taille prévue. Dans le cas où vous définissez la valeur none, les utilisateurs ne seront pas en mesure d'augmenter la police et c'est un comportement indésirable.
Cette propriété CSS est pris en charge et doivent travailler.
Vérifier l'officiel Safari pris en charge CSS référence:
https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
En outre, veuillez noter que le type de support de l'écran est pris en charge dans:
J'espère que cette aide.
BR,
Tolis
Un retina de l'iPhone a un 640px de largeur, votre requête des médias s'arrête à 480px.
De toute façon, vous pouvez vous débarrasser de la requête de média tout à fait. Le seul basé sur webkit client de messagerie qui utilise cette propriété (
-webkit-text-size-adjust:none
) est de l'iPhone et de l'iPad de l'application de Messagerie.Également l'application de Messagerie peut-être aussi le seul client de support CSS3