2

我有这封电子邮件在 Yahoo 的 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>
4

2 回答 2

1

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

我不知道是否雅虎！应用程序特别有vmax作为单元的问题，但就 CSS 支持而言，它不是更先进vmax的电子邮件客户端之一，所以如果Yahoo! 不支持它，我不会感到惊讶！应用程序。

这是一个有关在电子邮件中使用流畅排版的相关但未解决的问题。.calc()

于 2016-08-29T17:24:52.783 回答
0

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

于 2016-08-28T23:01:59.087 回答