HTML-шаблон приложения для iOS Gmail не работает с пробелами - PullRequest
Новая
       15

HTML-шаблон приложения для iOS Gmail не работает с пробелами

0 голосов
/ 21 сентября 2018

Я не могу заставить white-space: pre-wrap правильно работать в приложении imail для gmail - текст переполняет контейнер.Вы можете увидеть проблему ниже:

screenshot

Я попытался установить ширину явно.Проблема возникает только в приложении Gmail для iOS.

Вот код, который воспроизводит проблему: 

<div style="width: 100vw;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;white-space: pre-wrap;display: block;max-width: 700px;color: #666666;font-family: helvetica, sans-serif;line-height: 25.6px;font-size: 16px;original-line-height: 1.6; background-color: #ccc">
  <p style="margin: 0; text-align: justify; font-size: 16px !important; line-height: 25px; background-color: #ddd;">Liiorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>

Любые идеи приветствуются!

1 Ответ

0 голосов
/ 21 сентября 2018

Вы должны удалить все эти стили из div

overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;white-space: pre-wrap;original-line-height: 1.6;

overflow-wrap и word-break, которые не поддерживаются в Gmail, и похоже, что white-space:pre-wrapвызывает странные проблемы с пробелами.

Я бы также рекомендовал изменить line-height на круглое число (25 пикселей)

...