360浏览器(极速和兼容模式)

浏览器兼容性CSS调整

最新推荐文章于 2020-02-29 18:54:51 发布

原创最新推荐文章于 2020-02-29 18:54:51 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#兼容性处理 #360浏览器

JavaScript-篇专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种针对不同浏览器（如360兼容模式、360极速模式等）进行页面宽度及样式调整的方法。通过检测navigator.userAgent来判断浏览器类型，并对特定元素的宽度和背景颜色进行动态设置。

if((window.navigator.mimeTypes[40] || !window.navigator.mimeTypes.length)){
            $(".apply").css("width","851px");
        }
        if (window.navigator.userAgent.indexOf('compatible') != -1) {
//            alert('360兼容模式');
           var w= document.body.offsetWidth;
            $("#modal-13").css({ "top":"0px" ,"left":"0px","height":"2000px","width":w+"px"});
            $(".md-content").css("background","#FAEBD7")
        }
        if(window.navigator.userAgent.indexOf('AppleWebKit') != -1) {
//            alert('360极速模式');
        }
    })();