Как предотвратить перенос html-подписи в Gmail для Android?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как предотвратить перенос html-подписи в Gmail для Android?

Сообщение Anonymous »

Мне нужно доработать форму подписи для всей компании, и я хочу, чтобы она хорошо выглядела на большинстве устройств. Приведенный ниже код хорошо работает в Outlook (ПК, Mac, iPhone, Android), Yahoo (iPhone, Android) и Gmail на iPhone. Однако строки в адресе по-прежнему переносятся в Gmail для Android.

Я попробовал несколько найденных мной способов взлома для решения проблем, специфичных для Gmail, которые звучали похоже, но безуспешно. или наблюдаемое изменение:
  • Добавление !important к свойству white-space: nowrap
  • Использование встроенного стиля для пробелов: nowrap (также пробовал это с помощью !important)
  • Добавление стиля для * {-webkit-text-size-adjust: none< /li>
    Добавление непрерывной строки текста с пробелами: нет и отображением: нет
Кто-нибудь знает способ сохранить Gmail на Android? из упаковки? Или лучшее решение? Наверняка другие компании разработали подписи, которые хорошо смотрятся на всех платформах :)

Вот мой текущий код (без каких-либо хаков):

Код: Выделить всё











[url=http://www.google.com]
[img]https://i.sstatic.net/P0eTy.gif[/img]
[/url]




John Doe |
Chief Awesomizer

Big Ideas Department
a | 1234 Big Long Street Name S-11 Anytown, USA 55555

o | 333.123.4567    f | 333.000.0000    m | these lines are wrapping on Gmail for Android!

e | [url=mailto:fakeemailaddress@myexampledomain.com]fakeemailaddress@myexampledomain.com[/url]    w | [url=http://www.google.com]www.google.com[/url]






Скриншот желаемого рендеринга: iPhone 6S и другие устройства

Скриншот Gmail на Android: Galaxy 3, также наблюдается на Galaxy 6

Я создаю эти подписи в Microsoft Outlook 2010 (стандарт нашей компании — любое предлагаемое решение должна работать отправка из Outlook быть принятым), отрисовав HTML-код в IE 11, выделив все и вставив его в окно редактирования подписи (

Код: Выделить всё

new E-mail Message
-> Раскрывающийся список подписей -> Подписи... -> Создать -> Изменить подпись). Обратите внимание, что при вставке из Chrome изображение было перенесено неправильно.

Подробнее здесь: https://stackoverflow.com/questions/343 ... or-android
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»