移動端兼容適配js+css全局樣式

這是研究了淘寶和拉鈎以及網易的兼容全局樣式后，提取的兼容樣式，經過實戰可用

css全局樣式

@media screen and (max-width:321px){
    body,html{font-size:15px}
}

@media screen and (min-width:321px) and (max-width:400px){
    body,html{font-size:16px}
}

@media screen and (min-width:400px){
    body,html{font-size:18px}
}

js全局樣式
1.當設計稿是750px的時候,設置值為3.75時：
　　1px=0.01rem；
全局用的時rem單位

var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 3.75+ 'px';