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