(function (win) {var docEl = win.document.documentElementvar timefunction refreshRem () {var width = docEl.getBoundingClientRect().widthif (width > 1024) {// 最大宽度width = 1024}var rem = width / 375 * 50docEl.style.fontSize = rem + 'px'// rem用font-size:50px来进行换算}win.addEventListener('resize', function () {clearTimeout(time)time = setTimeout(refreshRem, 1)}, false)win.addEventListener('pageshow', function (e) {if (e.persisted) {clearTimeout(time)time = setTimeout(refreshRem, 1)}}, false)// 当屏幕尺寸发生改变的时候 当页面重新加载的时候 都重新计算一下rem的值refreshRem()})(window)// getBoundingClientRect()；该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置，他返回的是一个对象，即Object,有6个属性 top 、bottom、right、left、width和height// 以前getBoundingClientRect()是IE特有的，目前FF3+，opera9.5+，safari 4，都已经支持这个方法。// onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。// 为了查看页面是直接从服务器上载入还是从缓存中读取，可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture，否则返回 false
