Верстка html письма и яндекс

@Academik · Регистрация: 04.04.2013

Студворк — интернет-сервис помощи студентам

Столкнулся с проблемой html-письма в приложени я.почты под андроидом. Дело в том, что он игнорирует вьюпорт и письмо масштабируется, в итоге на смартфонах все выглядет мелко. Как вы решаете такую проблему?

В верстке использую следующую структуру:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="x-apple-disable-message-reformatting"/>
<title>Title</title>
</head>
<body>
 
<div class="preheader" style="font-size: 0; line-height: 0; opacity: 0; overflow: hidden; display: none;">
    Текст прехедера для почтовиков
</div>
 
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: #ffffff; min-width: 320px; font-size: 1px; line-height: normal;">
    <tr>
        <td align="center" valign="top">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width: 700px;">
                <tr>
                    <td align="center" valign="top">
 
 
<!-- Тело письма -->
 
 
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

Тестировал на почтовиках маил.ру, г.почте на андроиде - у них проблем с этим нет.

Добавлено через 4 часа 31 минуту
Никто не заморачивался с подобным?

@Fedor92 · 04.08.2019, 12:54

Сообщение от Academik

Никто не заморачивался с подобным?

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

@Academik · 07.08.2019, 14:17 **[ТС]**

Fedor92, все это я читал и тестировал. Печально что почтовики по большей части остановились в развитии примерно в 2000-х годах. Кто игнорирует вьюпорт, кто медиа-запросы... Из-за этого инлайн блоки не переносятся.

@Fedor92 · 07.08.2019, 18:04

Сообщение от Academik

Печально что почтовики по большей части остановились в развитии примерно в 2000-х годах.

Ну так для того, чтобы сверстать адаптивную табличку требуется 2 часа, а для того, чтобы почтовикам переделать интерфейс может уйти несколько месяцев, а то и лет... С экономической точки - это совсем не выгодно и трудозатратно... Я, к примеру, почту читаю только с ПК...

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Киев стоит - украинская песня zorxor 28.01.2026 wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	07.08.2019, 14:17 [ТС]
	Fedor92, все это я читал и тестировал. Печально что почтовики по большей части остановились в развитии примерно в 2000-х годах. Кто игнорирует вьюпорт, кто медиа-запросы... Из-за этого инлайн блоки не переносятся. 0