浏览器css动态赋值及宽高度计算

  created() {
    window.addEventListener("resize", ()=>{
        document.body.style.setProperty(
        "--innerWidth",
        window.innerWidth - 158 + "px"
      );
    });
    this.getHeight();
  },
  
  <style lang="scss" scoped>
    #bigTabs {
        width: var(--innerWidth);
    }
  </style>
//   css动态赋值
document.getElementById("idName").style.marginLeft='20px'

------------------------------------------------------------

// 1.添加window 的resize事件监听
window.addEventListener('resize',onWindowResize);
// 2.
window.onresize = onWindowResize;
// 上面两种方法都可以使用
// 浏览器窗口变动触发的方法
function onWindowResize() {
    // 重新设置宽高比例
    width/height = window.innerWidth / window.innerHeight;
}