计算rem适配移动端()-其他

计算rem适配移动端()

let user_webset_font;
if (document.documentElement.currentStyle) {
  user_webset_font = document.documentElement.currentStyle.fontSize;
} else {
  user_webset_font = getComputedStyle(document.documentElement, false).fontSize;
}

function isIE() {
  let ua = window.navigator.userAgent;
  return ua && (ua.indexOf("MSIE") !== -1 || ua.indexOf('Trident') !== -1);
}

let sizeXs = parseFloat(user_webset_font) / (isIE() ? 12 : 16);

let view_jsset_font, result_font;
let docEl = document.documentElement,
  resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  clientWidth,
recalc = function () {
  clientWidth = docEl.clientWidth;
  if (!clientWidth) return;
  if (!document.addEventListener) return;
  if (clientWidth <= 460) {
    view_jsset_font = 100 * (clientWidth / 1440);
    result_font = view_jsset_font / sizeXs;
    docEl.style.fontSize = result_font + 'px';
    docEl.style.width = '100%';
    docEl.style.paddingLeft = '0';
    docEl.style.paddingRight = '0';
  } else if (clientWidth <= 720) {
    view_jsset_font = 100 * (460 / 1440);
    result_font = view_jsset_font / sizeXs;
    docEl.style.fontSize = result_font + 'px';
    docEl.style.width = '460px';
    docEl.style.paddingLeft = (((clientWidth - 460) * 50 / clientWidth) + '%');
    docEl.style.paddingRight = (((clientWidth - 460) * 50 / clientWidth) + '%');
  } else {
    view_jsset_font = 100 * (clientWidth * 0.5 / 1440);
    result_font = view_jsset_font / sizeXs
    docEl.style.fontSize = result_font + 'px';
    docEl.style.width = '50%';
    docEl.style.paddingLeft = '25%';
    docEl.style.paddingRight = '25%';
  }
}

recalc()
window.addEventListener(resizeEvt, recalc, false);
export default result_font;

let user_webset_font;
if (document.documentElement.currentStyle) {
  user_webset_font = document.documentElement.currentStyle.fontSize;
} else {
  user_webset_font = getComputedStyle(document.documentElement, false).fontSize;
}

function isIE() {
  let ua = window.navigator.userAgent;
  return ua && (ua.indexOf("MSIE") !== -1 || ua.indexOf('Trident') !== -1);
}

let sizeXs = parseFloat(user_webset_font) / (isIE() ? 12 : 16);

let view_jsset_font, result_font;
let docEl = document.documentElement,
  resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  clientWidth,
recalc = function () {
  clientWidth = docEl.clientWidth;
  if (!clientWidth) return;
  if (!document.addEventListener) return;
  if (clientWidth <= 460) {
    view_jsset_font = 100 * (clientWidth / 1440);
    result_font = view_jsset_font / sizeXs;
    docEl.style.fontSize = result_font + 'px';
    docEl.style.width = '100%';
    docEl.style.paddingLeft = '0';
    docEl.style.paddingRight = '0';
  } else if (clientWidth <= 720) {
    view_jsset_font = 100 * (460 / 1440);
    result_font = view_jsset_font / sizeXs;
    docEl.style.fontSize = result_font + 'px';
    docEl.style.width = '460px';
    docEl.style.paddingLeft = (((clientWidth - 460) * 50 / clientWidth) + '%');
    docEl.style.paddingRight = (((clientWidth - 460) * 50 / clientWidth) + '%');
  } else {
    view_jsset_font = 100 * (clientWidth * 0.5 / 1440);
    result_font = view_jsset_font / sizeXs
    docEl.style.fontSize = result_font + 'px';
    docEl.style.width = '50%';
    docEl.style.paddingLeft = '25%';
    docEl.style.paddingRight = '25%';
  }
}

recalc()
window.addEventListener(resizeEvt, recalc, false);
export default result_font;