首页 / JAVASCRIPT / javascript – 如何阻止respond.js阅读我的视网膜显示媒体查询？

javascript – 如何阻止respond.js阅读我的视网膜显示媒体查询？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何阻止respond.js阅读我的视网膜显示媒体查询？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1091字，纯文字阅读大概需要2分钟。

内容图文

我已经添加了respond.js来激活ie7中的媒体查询,我现在遇到的问题是ie7 8现在似乎正在阅读视网膜显示媒体查询,你可以想象它正在弄乱我的布局.有没有其他人遇到这个问题,如果是这样,怎么能防止这个？

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
}

更新任何有同样问题的人：

基本上我将任何高清媒体查询移动到他们自己的.css文件(hd.css)中,然后在我的网站部分中添加一个条件语句,以防止IE IE 8看到它.

解决方法:

您可以使用jQuery将特定于IE检测的类(如果您还没有)添加到您的html标记中,就像Modernizr对浏览器功能一样.然后将样式包装在媒体查询中：

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

   html.no-ie div#mydiv{
      /* STYLES FOR #mydiv HERE */
   }

}

使用jQuerys $.browser属性检测浏览器并在html标记中添加一个类(带有版本……因为……为什么不呢？)：

/* CHECK IF BROWSER IS IE */
if($.browser.msie){
   /* GET THE BROWSER VERSION...BECAUSE WE CAN! */
   var version = $.browser.version;

   /* ADD CLASSES FOR BROWSER + VERSION TO HTML TAG ie. <html class="ie ie6"> */
   $('html').addClass("ie ie" + Math.floor(version));
}

希望这很有帮助.

内容总结

以上是互联网集市为您收集整理的javascript – 如何阻止respond.js阅读我的视网膜显示媒体查询？全部内容，希望文章能够帮你解决javascript – 如何阻止respond.js阅读我的视网膜显示媒体查询？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/751369.html

来源：【匿名】