大屏整体适配

43 阅读1分钟

// 屏幕适配

adaptIt() {
  const winW = 1920 || window.screen.width;
  const winH = 1080 || window.screen.height;
  const ratioX = (document.documentElement.clientWidth / winW).toFixed(5);
  const ratioY = (document.documentElement.clientHeight / winH).toFixed(5);
  const stylessss = `
    transform: scale(${ratioX}, ${ratioY})!important;
    width: ${winW}px!important;
    height: ${winH}px!important;
    transform-origin: left top 0px!important;
    overflow:hidden!important;
    user-select: none;
  `;
  document.getElementsByTagName("body")[0].setAttribute("style", stylessss);
},

//移除适配

  document
    .getElementsByTagName("body")[0]
    .removeAttribute("style", stylessss);