html - CSS 计算宽度和高度值

Question

如何使用 css 计算屏幕高度并将返回值用于宽度计算？有可能吗？

myClass{    
    height: calc(50% - 33.5px);
    width: heightReturnedValue*1.3
}

Answer 1

是的，在 css 中有一个叫做 vh(视口(viewport)高度)和 vw(视口(viewport)宽度)的东西。视口(viewport)就是屏幕。

myClass {    
  height: calc(50% - 33.5px);
  width:  calc(100vh * 1.3);
}