3

我们从 HTML 电子邮件中删除了元视口标签<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale = 1.0" />，以增加对旧版 Blackberrys 的支持。至少根据主要电子邮件测试服务的博客，它被记录为可能导致空白屏幕。

我们在测试中看到的唯一缺点是它缩小了 Windows Phone HTC HD7 上的结果。( https://litmus.com/pub/71916b3 ) 在包含标签的 Litmus 测试中，以 100% 缩放显示页面。当它被删除时，它会显示缩小到适合屏幕的电子邮件。即使其他移动平台没有问题，也会发生这种情况。

是否有另一种 CSS 技术可以替换标签并解决这个问题？

该标记包含在更突出的HTML 电子邮件样板模板之一中。在实践中，我们只看到了-webkit-text-size-adjust: none;导致空白 BB 屏幕的问题。

我们已经尝试针对问题媒体查询和缩放，但它们影响其他具有相似尺寸和像素密度的手机的风险太大。可能是另一种权衡，典型的电子邮件，但我想发布，因为我没有看到太多这方面的内容。

4

2 回答 2

1

无论如何， W3C 都在支持CSS 解决方案，尽管要完全支持它还需要一段时间。但是， Microsoft 似乎也支持它，因此您可以尝试一下。

无前缀语法是@viewport，微软使用@-ms-viewport.

于 2013-10-04T01:32:34.520 回答
0

我可能在测试中遇到过解决方案。我不肯定这不会导致其他一些权衡，如果有更好的方法的答案，我仍然很乐意选择和奖励赏金。

我没有看到 Blackberry 和 Windows Phone 7.5 以 100% 呈现的问题

<!--[if IE]> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<![endif]-->
于 2013-09-29T23:05:26.827 回答