1234567891011121314151617181920212223242526272829303132333435363738394041 |
- (function(designWidth, maxWidth) {
- var doc = document,
- win = window,
- docEl = doc.documentElement,
- remStyle = document.createElement("style"),
- tid;
- function refreshRem() {
- var width = docEl.getBoundingClientRect().width;
- maxWidth = maxWidth || 540;
- width > maxWidth && (width = maxWidth);
- var rem = width * 100 / designWidth;
- remStyle.innerHTML = "html{font-size:" + rem + "px;}"
- }
- if (docEl.firstElementChild) {
- docEl.firstElementChild.appendChild(remStyle)
- } else {
- var wrap = doc.createElement("div");
- wrap.appendChild(remStyle);
- doc.write(wrap.innerHTML);
- wrap = null
- }
- refreshRem();
- win.addEventListener("resize", function() {
- clearTimeout(tid);
- tid = setTimeout(refreshRem, 300)
- }, false);
- win.addEventListener("pageshow", function(e) {
- if (e.persisted) {
- clearTimeout(tid);
- tid = setTimeout(refreshRem, 300)
- }
- }, false);
- if (doc.readyState === "complete") {
- doc.body.style.fontSize = "16px"
- } else {
- doc.addEventListener("DOMContentLoaded", function(e) {
- doc.body.style.fontSize = "16px"
- }, false)
- }
- })(750, 750);
|