gpt4 book ai didi

javascript - 我如何防止 respond.js 读取我的视网膜显示媒体查询?

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:18:24 24 4
gpt4 key购买 nike

我已经添加了 respond.js 来激活 ie7+8 中的媒体查询,但我遇到的问题是 ie7+8 现在似乎读取了视网膜显示媒体查询,正如您所想象的那样,这弄乱了我的布局。有没有其他人遇到过这个问题?如果有,如何预防?

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

遇到同样问题的人的更新:

基本上,我将所有高清媒体查询移动到它们自己的 .css 文件 (hd.css) 中,然后在我的网站部分添加了一个条件语句,以防止 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 读取我的视网膜显示媒体查询?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9006583/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com