目前手机端或者说移动端的网站是主流的形式,PC站已经历经这么多年,技术相对来说已经很完整了,但是移动端的网站是近几年才刚刚开始的,技术上不断在创新,包括很多的大公司采用的方法也不断升级,其实从我写了这么多的网站来看,最实用的方法还是使用rem单位转px单位最实用,下面我们就来说说这个方法。

1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function(){
getRem(750,100)
};

window.onresize = function(){
getRem(750,100)
};
function getRem(pwidth,prem){
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth/pwidth*prem + "px";
}