根据dpr设置html fontsize,如何为不同移动设备设置html不同的font-size？

iPhone6的屏幕下1rem=50px

或者用css

html{font-size:calc(100vw / 7.5);}

分割线

抱歉，之前的那段js代码兼容性不是很好，包括那段css代码，只要在低版本的安卓手机上就会失效，找了很久找到一段代码分享一下，兼容性杠杠的

(function(){

var originWidthByDesign = 750 / 2;

var originRootFontSize = 50;

var maxLimitWidth = 667;

var doc = document.documentElement;

var div = document.createElement('div');

div.setAttribute('style', 'font-size: 1rem');

if (!!document.addEventListener && '1rem' === div.style.fontSize) {

var reCalculate = function reCalculate() {

var clientWidth = doc.clientWidth;

if (!clientWidth) {

return;

}

clientWidth = clientWidth < maxLimitWidth ? clientWidth : maxLimitWidth;

doc.style.fontSize = originRootFontSize * clientWidth / originWidthByDesign + 'px';

doc.style.display = 'none';

doc.clientWidth;

doc.style.display = '';

};

window.addEventListener('resize', reCalculate, false);

document.addEventListener('DOMContentLoaded', reCalculate, false);

reCalculate();

}

function getQueryString (name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

var r = window.location.search.substr(1).match(reg);

if (r != null) return unescape(r[2]); return null;

}

})()