在屏幕调整大小后启用样式表？不在IE和Chrome中工作 var$=jQuery.noConflict（）； $（文档）.ready（函数（）{ 如果（（屏幕宽度>=1024））{ $（'link[title=theme800]'）[0].disabled=true； $（'link[title=theme]'）[0].disabled=false； } 如果（Suff.Wield使用CSS媒体查询对您的情况>P>可能不是更好的支持，您也可以考虑动态加载样式表，基于此，您可以尝试： <link title = "theme" rel="stylesheet" type="text/css" media="all" href="theme.css" /> <link title = "theme800" rel="stylesheet" type="text/css" media="all" href="theme800.css" /> 函数加载\样式表（文件\名称）{ //创建样式表 var css_file=document.createElement（'link'）； css_file.setAttribute（'rel'，'stylesheet'）； css_file.setAttribute（'type'，'text/css'）； css_file.setAttribute（'href'，文件名）； //将样式表附加到文档中 document.getElementsByTagName（'head'）[0].appendChild（css_文件）； } 如果（屏幕宽度>=1024）{ 加载样式表（'theme.css'）； }否则{ 加载样式表（'theme800.css'）； }

请注意，jQuery并不是故意这样做的，因此可以尽快加载样式表，而不必等待jQuery先加载。否则，用户可能会有明显的延迟，在此期间内容将显示为赤裸裸的，并且没有样式。

请尝试关闭link元素的href。代码中的任何内容都不会显示出来从加载中恢复

链接

。。很可能您有相同的css选择器，最后一个加载的选择器占优势。事实上，您的代码不会做任何事情。我尝试将其切换到href，但仍然不起作用。

<link title = "theme" rel="stylesheet" type="text/css" media="all" href="theme.css" />
<link title = "theme800" rel="stylesheet" type="text/css" media="all" href="theme800.css" />

<script type="text/javascript">
    function load_stylesheet(file_name) {
         // Create the stylesheet
        var css_file = document.createElement('link');
        css_file.setAttribute('rel', 'stylesheet');
        css_file.setAttribute('type', 'text/css');
        css_file.setAttribute('href', file_name);
         // Append the stylesheet to the document
        document.getElementsByTagName('head')[0].appendChild(css_file);
    }

    if (screen.width >= 1024) {
        load_stylesheet('theme.css');
    } else {
        load_stylesheet('theme800.css');
    }
</script>