缩放，rem，vw, vh还有哪些？王德发用 scale 缩

rem, vw,vh 大家都用习惯了，没毛病老铁，都是屏幕自适应

• 反正我曾经做手持设备（ipad除外）是用rem做适配的

设置系统缩放比，适配各分辨率

• app 算是body下的最大父级
• 一开始我这段代码我是网站上偷人家的，觉得还是有用的，就扒它下来了

function refreshScale(){
  //内容可视区域宽高
  let baseWidth = document.documentElement.clientWidth;
  let baseHeight = document.documentElement.clientHeight;
  let screenWidth = screen.width
  let screenHeight = screen.height
  
  let appStyle = document.getElementById('app').style;
  let realRatio = baseWidth/baseHeight
  let designRatio = 16/9
  
  let scaleRate =  baseWidth/baseWidth
  scaleRate = realRatio>designRatio ? 1 : 1

  if(baseWidth<screenWidth){
    scaleRate = realRatio>designRatio ? baseHeight/1080 : baseWidth/1920
  }
  appStyle.transformOrigin = 'left top';
  appStyle.transform=`scale(${scaleRate}) translateX(-50%)`;   // TMD translateX(-50%) 我删掉了
  appStyle.width = `${baseWidth/scaleRate}px`
  appStyle.height = `${baseHeight/scaleRate}px`
}

• 它会整个页面缩，就是整体缩，反正是缩就对了

结语

前端react QQ群：788023830 ---- React/Redux - 地下老英雄

前端交流QQ群：249620372 ---- FRONT-END-JS前端

（我们的宗旨是，为了加班，为了秃顶……，仰望大佬），希望小伙伴们加群一起学习