Приложение Yahoo, отображающее текст

Question

У меня есть это электронное письмо, которое действует как приложение для iOS Yahoo (не тестировалось на Android). Мой текст вообще не отображается. Это одна строка. Он отображает и отлично выглядит на каждом устройстве, которое я тестировал, кроме приложения iOS от Yahoo. Помогите!

<tr> 
    <td bgcolor="#e2f4ff" style="padding:0; background-color: #e2f4ff;"> 
     <table cellspacing="0" cellpadding="0" bgcolor="#e2f4ff" class="firstCopy" width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="color:#17a0ce !important;padding: 0;border-spacing:0;font-family:sans-serif;color:#333333;background-color: #e2f4ff;"> 
      <tr> 
       <td align="center" class="textCont" lang="textCont" style="font-size: 1.8vmax;padding-top: 4px;color:#17a0ce;line-height: 20px;vertical-align:top;Margin:0;text-align: center !important;font-weight: bold;width:100%;"> 
        <span class="tips" lang="tips" style="font-size: 3.2vmax;font-weight: bold; color:#17a0ce;vertical-align:top;"> 
         Here are some helpful tips 
        </span> 
        <br /> 
        <span class="brand" lang="brand" style="font-size: 2.1vmax; color:#17a0ce;"> 
         Brought to You by brand 
        </span> 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 

Answer 1

В моем случае решение заключалось в применении медиа-запросов к тексту для устройств с разрешением 600 пикселей. Как только они получили размер шрифта (с! Важно), они отображались без проблем.

Answer 2

Вы пытались использовать px для определения font-size и line-height? Или добавлено px как резерв для клиентов, которые не поддерживают vmax?

Я не знаю, если Yahoo! У приложения есть проблемы с vmax как единым, но это не один из более прогрессивных клиентов, поскольку поддержка CSS, поэтому я не удивлюсь, если vmax не поддерживается в Yahoo! Приложение.

Описание relevant, albeit unresolved question об использовании .calc() для типографики с жидкостью в электронной почте.