我正在尝试将我的网站改编为平板电脑，所以当我包含这样的外部CSS文件时
<link rel="stylesheet" media="screen and (max-device-width: 960px) and (max-device-height: 1280px)" href="/css/tablets.css" />
媒体查询有效，但当我使用max-width和max-height时，它们无法正常工作。有趣的是，当我尝试将媒体查询用于横向模式时，情况恰恰相反：
<link rel="stylesheet" media="screen and (max-device-width: 1280px) and (max-device-height: 960px)" href="/css/tablets.css" />
在max-width和max-height工作时无法正常工作。那是什么？
为了测试，我使用iPad Mini Retina。
答案 0 :(得分：0)
这是因为你没有在文档头中使用这个标记
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我接受了测试，效果很好：）