雅虎的應用程序現在顯示文字

我有這個電子郵件，雅虎的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

謝謝。爲字體定義後備px大小是一件簡單的事情。 – brando

雅虎的應用程序現在顯示文字

回答

相關問題