iOS 10邮件客户端不会选择媒体查询

Current configuration of hardware: iPhone 6s, iOS 10.0.1 (I have a software update pending for iOS 10.0.2)

硬件的当前配置:iPhone 6s,iOS 10.0.1(我有iOS 10.0.2的软件更新)

I have the following html test code (p.s. I've also tested with iPhone 6s specific queries like specified in this answer)

我有以下html测试代码(p.s.我也测试了iPhone 6s特定查询,如此答案中指定的)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        @media (max-width: 600px) { h1.query1 { color: red !important; } }

        @media (max-width: 700px) { h1.query2 { color: purple !important; } }

        @media (min-width: 300px) { h1.query3 { color: blue !important; } }

        @media (min-width: 320px) { h1.query4 { color: white !important; } }

        @media (max-device-width: 1125px) { h1.query5 { color: yellow !important; } }

        @media (max-device-width: 1242px) { h1.query6 { color: violet !important; } }
    </style>
</head>

<body style="margin: 0 0 0 0; padding:0; min-width: 100%; width: 100%; offset: 0; clear: both;">
    <div style=" margin: 0; min-width: 100%; padding: 0; width: 100%;">
        <h1 class="query1" style="color: green;">MEDIA TEST</h1>
        <h1 class="query2" style="color: green;">MEDIA TEST</h1>
        <h1 class="query3" style="color: green;">MEDIA TEST</h1>
        <h1 class="query4" style="color: green;">MEDIA TEST</h1>
        <h1 class="query5" style="color: green;">MEDIA TEST</h1>
        <h1 class="query6" style="color: green;">MEDIA TEST</h1>
    </div>
</body>

</html>

Live version is here: http://codepen.io/anon/pen/gwkbEK

现场版本在这里:http://codepen.io/anon/pen/gwkbEK

When I send it to my account in Gmaill app on Android phone I get the following result (all lines are colored):

当我在Android手机上的Gmaill应用程序中将其发送到我的帐户时,我得到以下结果(所有行都是彩色的):

iOS 10邮件客户端不会选择媒体查询

But when I open same mail in native iOS 10 mail application in iPhone 6, I get this result (all labels are green):

但是当我在iPhone 6中的本机iOS 10邮件应用程序中打开相同的邮件时,我得到了这个结果(所有标签都是绿色的):

iOS 10邮件客户端不会选择媒体查询

Am I doing something wrong, or iOS 10 mail client stopped supporting media queries?

我做错了什么,或者iOS 10邮件客户端是否停止支持媒体查询?

1 个解决方案

#1

Important to note: these screenshots are of Gmail app on iOS, not iOS Mail app. Until a few weeks ago, no mobile Gmail client anywhere supported media queries. Gmail recently started rolling out media query support based on platform, geo-location, and product. Results will vary across Google Mail products until the rollout is complete.

需要注意的重要提示:这些屏幕截图是iOS上的Gmail应用,而不是iOS Mail应用。直到几周前,没有任何移动版Gmail客户端支持媒体查询。 Gmail最近开始推出基于平台,地理位置和产品的媒体查询支持。在推出完成之前,Google Mail产品的结果会有所不同。

As of October 2016, U.S.-based Gmail accounts are starting to see media query support whereas U.K.-based accounts are not. Litmus Previews use UK Gmail accounts, so we won't see the update appear in Litmus regardless of where we're testing from.

截至2016年10月,美国的Gmail帐户开始看到媒体查询支持,而基于英国的帐户则不支持。 Litmus Previews使用英国Gmail帐户,因此无论我们在哪里测试,我们都不会在Litmus中看到更新。

Gmail is also rolling out based on Gmail product, so depending on what TYPE of Gmail product you're checking and the platform, results could vary. Here is a quick breakdown of where the rollout stands now:

Gmail也是基于Gmail产品推出的,因此根据您正在检查的Gmail产品类型和平台,结果可能会有所不同。以下是现在推出的部署的快速细分:

More info and updated charts on Litmus

有关Litmus的更多信息和更新图表

#1

Gmail也是基于Gmail产品推出的,因此根据您正在检查的Gmail产品类型和平台,结果可能会有所不同。以下是现在推出的部署的快速细分:

More info and updated charts on Litmus

有关Litmus的更多信息和更新图表

秒客网

iOS 10邮件客户端不会选择媒体查询

1 个解决方案

#1

#1

相关文章