px换算成rem—-非常简洁实用 (750的设计稿)

  • Post author:
  • Post category:其他


var rootResize=function(){


var baseFontSize = 100;

var baseWidth = 750;

var minWidth=320;

var clientWidth = document.documentElement.clientWidth || window.innerWidth;

var innerWidth = Math.max(Math.min(clientWidth, baseWidth), minWidth);

var rem = clientWidth/(baseWidth/baseFontSize);

if(innerWidth==750||innerWidth==320){


rem=innerWidth/(baseWidth/baseFontSize)

}

document.querySelector(‘html’).style.fontSize = rem + ‘px’;

};

rootResize();

window.οnresize=function(){rootResize()};


例如宽 20px 的图,就可以写成 0.2rem ; 公式为20px/100=0.2rem;



版权声明:本文为qq_42786138原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。