雅虎的应用程序现在显示文字

我有这个电子邮件，雅虎的iOS应用程序奇怪（没有在Android上测试）。我的文字根本不显示。这是一排。除了雅虎的iOS应用程序外，它在我测试过的每个设备上呈现并且看起来都很好。帮帮我！雅虎的应用程序现在显示文字

<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>

来源

2016-08-28 brando

就我而言，解决方案是将媒体查询应用于600px以下的设备的文本。一旦它们被赋予字体大小（带！重要），它们将毫无问题地显示出来。

来源

2016-08-28 23:01:59 brando

您是否尝试过使用px来定义font-size和line-height？或者添加px作为不支持vmax的客户的后备？

我不知道Yahoo!应用程序专门有vmax作为单位的问题，但它不是更多的渐进式电子邮件客户端就CSS支持，所以我不会感到惊讶，如果vmax不支持在雅虎！应用。

这里是一个relevant, albeit unresolved question关于在电子邮件中使用.calc()进行流体排版。

来源

2016-08-29 17:24:52

雅虎的应用程序现在显示文字

回答

相关问题