媒體查詢不受iOS的10郵件客戶端拿起

的硬件當前配置：iPhone 6S，iOS版10.0.1（我有適用於iOS 10.0.2掛起軟件更新）媒體查詢不受iOS的10郵件客戶端拿起

我有以下HTML測試代碼（PS我也與iPhone 6S測試特定的查詢，如在此answer指定）

<!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>

現場版本在這裏：http://codepen.io/anon/pen/gwkbEK

當我將它發送到我的帳戶中Gmaill AP Android手機頁上，我得到以下結果（全部行彩色）：