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

Question

各位大神 请教个问题 <!--[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，所以暂不在讨论范围内。

Answer 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]-->