jquery动态加载css样式文件

2017-01-05 20:14:48来源:CSDN作者:qq712717835人点击

需求:页面展示时,需要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' />");
      }

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台