html5页面自适应分辨率,H5+JS适配不同分辨率的页面

自己用的，页面的font-size定义为100px,其他像素单位用rem，设计比率满屏是750px，在不同的分辨率下都要求铺满100%

(function (win) {

var doc = win.document,

$html = doc.getElementsByTagName('html')[0],

windowWidth = doc.documentElement && doc.documentElement.clientWidth || doc.body.clientWidth || win.innerWidth;

$html.style.fontSize = windowWidth * (100/750) + 'px';

})(window);

网上找的方法1

new function (){

var _self = this;

_self.width = 650;

_self.fontSize = 100;

_self.widthProportion = function(){

var p = (document.body&&document.body.clientWidthdocument.getElementsByTagName("html")[0].offsetWidth)/_self.width;return p>1?1:p<0.5?0.5:p;};

_self.changePage = function(){

document.getElementsByTagName("html")[0].setAttribu