AlexBelkevich
@AlexBelkevich
Нет нерешаемых задач. Есть деревянные клиенты

Почему HTML-письмо некорректно отображается на iOS?

Здравствуйте. Подскажите, пожалуйста, в чем может быть косяк. Сверстал письмо HTML. Везде хорошо отображается, но в стандартном приложении iOS отображается оно на пол экрана. Что я не так делаю? Прикладываю скрины с iOS и Android. Код можно посмотреть по ссылке
3261947f7b9a44ac9628562cd02bb83e.jpg6754fdeb643d4728a985848c817c880d.jpg
  • Вопрос задан
  • 1380 просмотров
Решения вопроса 1
AlexBelkevich
@AlexBelkevich Автор вопроса
Нет нерешаемых задач. Есть деревянные клиенты
Разобрался с проблемой вставкой тега
<meta name=”x-apple-disable-message-reformatting”>

Вся проблема в Apple Mail в iOS 10. Если кому интересно, пункт 3
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@xsash
<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="width">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no" />
	<meta http-equiv="cleartype" content="on">


по идее должно помочь

Начало переверстайте
<body style="margin:0; padding:0;">
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="5f7f93" class="pad_null">
	<tr>
		<td>
			<table align="center" width="736" border="0" cellpadding="0" cellspacing="0" bgcolor="white">

и далее...


Первой таблицей задает ширину 100%, второй даем размер 736 и позиционируем по центру
Ответ написан
Krasnodar_etc
@Krasnodar_etc
fundraiseup
С письмами всегда не пойми что, но вдруг поможет?
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1>

Знаю, что Сафари ну очень любит всё масштабировать, возможно, проблема та же. Тогда это - решение
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы