jquery动态加载css样式文件

需求：页面展示时，需要js判断手机宽度（分辨率），当宽度大于某个值时，引用big.css，当宽度小于某个值时，引用small.css，本来css中可以判断，但是由于终端不识别，素以只能手动代码判断了。

实现：在js加入代码（最好在开头位置）

     // 获取手机屏幕宽度
     var screenWidth = window.screen.width * window.devicePixelRatio;
      // 根据屏幕大小判断要加载的css
       if(screenWidth > 640){
                document.write("<link href='<%=contextpath%>/common/css/paymentayxwap/big.css' rel='stylesheet' type='text/css' />");
       }else {
                document.write("<link href='<%=contextpath%>/common/css/paymentayxwap/small.css' rel='stylesheet' type='text/css' />");
      }