媒体查询在 iOS 10 中不起作用答案

【问题标题】：Media query not working in iOS 10媒体查询在 iOS 10 中不起作用
【发布时间】：2018-01-06 01:32:17
【问题描述】：

我有以下媒体查询：

<meta name="viewport" content="width=device-width, initial-scale=1">
<link media="only screen and (max-height: 899px)" href="/ClientFiles/Demo/szxkLR.css" rel="stylesheet" type="text/css">
<link media="only screen and (min-height: 900px)" href="/ClientFiles/Demo/szxk.css" rel="stylesheet" type="text/css">

它不适用于 iOS 10.0.3 和移动版 Safari 10.0 和 375 x 648 的分辨率。里面有什么可能导致问题吗？

【问题讨论】：

标签： ios css safari media-queries ios10

【解决方案1】：

应该是这样的：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：