//****モバイルwebステーションで設定されている)のfontSize*750は、幅100 px rem=効果画像ピクセル(750/100)である.

1473 ワード

/**
 *   web   html fontSize
 * 750   100px rem =       (750 / 100);
 */
export function remChange () {
  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';

  var widthProportion = function () {
    var doc = document.body || document.documentElement;
    let user_webset_font
    let userAgent = navigator.userAgent || navigator.vendor || window.opera;
    var p = doc.clientWidth;
    var fontSize = p / 7.5;
    document.getElementsByTagName('html')[0].setAttribute('style', 'font-size:' + fontSize + 'px !important');
    let scaleFontSize = fontSize
    if (/android/i.test(userAgent)) {
      if(document.documentElement.currentStyle) {
        user_webset_font=doc.documentElement.currentStyle['fontSize'];
      } else {
        user_webset_font=window.getComputedStyle(document.documentElement,false)['fontSize'];
      }
      if (user_webset_font) {
        scaleFontSize = ( fontSize * fontSize / parseFloat(user_webset_font) )
      }
    }
    if (scaleFontSize >= 100) {
      // fontSize = 100;
    }
    // alert(scaleFontSize)
    return scaleFontSize;
  };

  var changePage = function () {
    document.getElementsByTagName('html')[0].setAttribute('style', 'font-size:' + widthProportion() + 'px !important');
  };

  changePage();
  window.addEventListener(resizeEvt, changePage, false);
}