Question

我的这封电子邮件在雅虎的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>

Answer 1

您是否尝试过使用px定义font-size和line-height？或添加px作为拒绝客户的后备广告t支持vmax？

我不知道Yahoo!应用程序在vmax作为单位特别有问题，但就CSS支持而言，它不是进步电子邮件客户端中的一个，所以如果我不感到惊讶， Yahoo!不支持vmax应用

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

Answer 2

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

雅虎应用程序现在显示文本

2 个答案: