使用rem单位实现布局自适应

css代码

* {
margin: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
font-size: 0.6rem;
}

html {
font-family: arial;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%;
height: 100%;
font-size: 20px;
}

js代码

var scWid = document.documentElement.offsetWidth||document.body.offsetWidth;
var initScWid = 375;
var initFontSize = 20;

$('html').css({
'fontSize': parseInt((scWid * initFontSize) / initScWid) + 'px'
});