【发布时间】：2016-07-01 04:42:40
【问题描述】：
我正在处理非常奇怪的问题。我在iphone6s和iphone6上测试过
1) 电子邮件被发送到在 iphone 上配置的非 Gmail 帐户
2) 从 iOS Mail 中查看 html 消息
3) 这就是它变得奇怪的地方，我会尽量描述得最好 a) 如果我通过单击电子邮件列表中的电子邮件直接从客户端查看电子邮件。不尊重媒体查询。 b) 如果我查看消息，单击向下箭头查看上一条消息，然后单击向上查看原始消息，尊重媒体查询。
4) 我已经尝试过 icloud 和 yahoo 帐户以及两个不同的 iphone（6 和 6s）
我已经把它归结为这个简单的例子。 当然，所有简单的模拟器都可以按照您的预期工作，并且不会出现问题
<!DOCTYPE html>
<html lang="en">
<head>
<title>this is a test</title>
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
#main-wrapper{
max-width: 320px;
margin: 2px auto;
background-color: red;
}
}
</style>
</head>
<body>
<div id="main-wrapper" style=" background-color: #ffffff;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in ante velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas imperdiet erat metus, sed maximus tortor dignissim vel. Fusce luctus eget turpis a pretium. Nunc sagittis vulputate risus et porta. Cras eros nisl, placerat id ultricies sit amet, eleifend vel augue. Nullam dignissim sodales rhoncus. Morbi hendrerit aliquam tortor.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla tellus massa, accumsan ac ex a, congue lobortis ipsum. Sed vitae ultrices purus. Nam vulputate lacus vitae massa laoreet scelerisque. Duis in risus non elit sodales pharetra. Nunc ultrices nisl quis leo mollis, sed consectetur tortor placerat. Fusce ultricies eleifend nisi, in congue metus iaculis ut.
</div>
</body>
</html>
【问题讨论】：