ios - 媒体查询在 iOS 10 中不起作用

标签 ios css safari media-queries ios10

我有以下媒体查询:

<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。是否有任何可能导致问题的地方?

最佳答案

应该是这样的:

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

关于ios - 媒体查询在 iOS 10 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45399594/

相关文章:

android - 正确处理禁用/只读文本框的可访问性

html - 容器不为子 div 调整大小

css - SSRS 中的行高

CSS:尝试将图像垂直居中放置在 div 内...Chrome、Safari 问题

ios - 验证期间出现 CTGetSignalStrength 错误

iphone - UIImagePickerController,检查相机

iphone - 在自动调整 View 大小后,如何获取 CGRect 值 x、y、宽度、高度?

html - 如何对齐div容器和表格

javascript - Webkit浏览器: click event handler doe not work properly

CSS 背景颜色过渡在特定浏览器(桌面 + 移动)中不起作用