响应式布局（2）-- 设计稿750px

rem相关

(function () {
　　　function changeRootFont() {
　　　   var designWidth = 750, rem2px = 100;
　　　   document.documentElement.style.fontsize = 
　　　  ((window.innerWidth / designWidth) * rem2px) + 'px';
　　　  //iphone6: (375 / 750) * 100 + 'px';
　　　}
　　　changeRootFont();
　　　window.addEventListener('resize', changeRootFont,false);
})();

这是网上摘抄的一段代码，其中innerWidth是设备独立像素：

也叫做逻辑像素(对于前端来说，和我们的css像素是一样的)，这个不同的设备是不一样的。在viewport为ideal-viewport模式时， 如iphone6此时的viewport为375px，代表着我们在css中写375px就可以达到全屏的效果；

关于像素和视口可看上一篇博客

移动端适配（1）-- 像素和视口。

代码里面，“我们通过动态的获取设备独立像素，然后除以设计稿的宽度，赋给根字体的fontsize，来动态改变根字体大小，做到自适应。但至于为什么要乘100，首先375 / 750是0.5，浏览器默认最