首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么我不能使用现代化技术检测IE9中的媒体查询

为什么我不能使用现代化技术检测IE9中的媒体查询
EN

Stack Overflow用户
提问于 2013-04-25 09:02:15
回答 1查看 1.1K关注 0票数 1

我在浏览器中搜索了对CSS3媒体查询的支持,IE9+支持它,http://caniuse.com/css-mediaqueries,但是当我使用现代派来检测它时,结果是ie7-ie9不支持它,ie10支持它。我所做的是:

  1. 生成自定义的现代化js:http://modernizr.com/download/#-mq-teststyles-load
  2. html代码:下面是html头部的代码,我想检测浏览器是否支持最小宽度的媒体查询,如果它支持,则添加support.js,如果不支持,则包括nosupport.js。
  3. 在support.js中:警报(“支持”);
  4. 在nonosupport.js中:警报(“不支持”);

结果: ie7-ie9警告“不支持”,在ie10中警告“支持”。我认为ie9也应该提醒“支持”,对吗?我的密码有什么问题吗?

另一件奇怪的事情是,如果我使用来自http://modernizr.com/docs/#mq的示例用法:

代码语言:javascript
复制
Modernizr.mq('only screen and (max-width: 768px)')  // true

Chrom,firefox和IE7-10将警告“不支持”,我认为现代浏览器应该警告“支持”。为什么?

EN

回答 1

Stack Overflow用户

发布于 2013-11-20 06:03:48

关于你的第一个问题-我无法复制。Modernizr.mq('(min-width: 0px)')在IE9中为我返回true。检查F12工具中的文档模式,看看是否回到了非标准模式。

在你的第二阶段,浏览器的现代化与它是否会返回真实毫无关系。Modernizr.mq测试浏览器是否与媒体查询匹配。如果是假的,这意味着浏览器窗口大于768像素。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16210594

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档