设置手机端字体大小

2019-12-05  本文已影响0人  demoxjl

//获取屏幕宽度

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;

上一篇 下一篇

猜你喜欢

热点阅读