关于IE8以下兼容css3 media queries方法询问

各位大神 请教个问题 <!--[if lte IE 8]> (function(){ //为了不出现闪屏,在body下直接切换全局class,window.resize可以在domready后切换 var D=KISSY.DOM,w=D.viewportWidth(),b=document.body; if(w<1200){D.addClass(b,"w990")} else {D.addClass(b,"w1200")} })();<![endif]--> 这个是一淘让ie可以兼容css3 media quiries的方法,通过j s切换全局class。他们用的是kissy框架 如果不用框架或者jQuery框架 这个代码该怎么改呢?其他的兼容方案要在服务器环境下加载respond.js或者css3-mediaqueries-js.js,所以暂不在讨论范围内。

1个回答

其实就是获取显示宽度,判断小于1200添加相关样式而已,有用记得采纳

 <!--[if lte IE 8]>
 <script>
     (function () {
         var w = (document.compatMode == 'CSS1Compat' ? document.documentElement : document.body)['clientWidth'],b=document.body;
         if (w < 1200) { b.className += " w990"; } else { b.className += " w1200";  }
     })();
 </script>
<![endif]-->
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐