//获取屏幕宽度
var htmlW = document.documentElement.clientWidth || document.body.clientWidth;
if(htmlW > 750){htmlW = 750}
var htmlDom = document.getElementByTagName('html')[0];
//设置根元素字体大小
htmlDom.style.fontSize=htmlWidth/20 + 'px'; //宽度为320的,1rem=16px;360宽,1rem = 18px;
htmlDom.style.margin='0 auto';
htmlDom.style.maxWidth = 750 + 'px';
1px边框问题
p:{
border: 1px solid #ccc;
}
@media(-webkit-min-device-pixel-ratio:2){
p: {border: 0.5px solid #ccc;}
}
@media(-webkit-min-devic-pixel-ratio: 3){
p:{border: 0.333 solid #ccc;}
}
var devicePixelRatio = 2 || devicePixelRatio =3;
var scale = 1 / devicePixelRatio;
网友评论