js:
/*响应式布局 start*/
function setRootFontSize() {
var width = document.documentElement.clientWidth, fontSize;
if (width > 750) { width = 750 }
fontSize = (width / 7.5);//这里除于7.5的意思就是100px等于1rem;
document.getElementsByTagName('html')[0].style['font-size'] = fontSize + 'px';
}
setRootFontSize();
window.addEventListener('resize', function() {
setRootFontSize();
}, false);
/*响应式布局 end*/
移动端中自适应问题是常见的问题，在不同的分辨率上呈现的效果是不一样的，在淘宝中就试用了rem单位来实现在不同分辨率上的手机一样的效果，rem可以自适应不同的分辨率手机，rem单位是根据html的字体大小来改变的，所以在不同的分辨率手机上字体大小是不一样的，所以就要根据不同分辨率的手机来适配，所以用了js代码控制了html的字体大小，使其rem的大小做适应
这段代码中写了宽度等于750，在使用宽度除于7.5的意思就 100px 等于 1rem
假如宽度是640，就是c除于6.4， 100px 等于 1rem；
