Html CSS计算宽度和高度值

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

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

---

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

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

---

在CSS上，这甚至是不可能的，在javascript上你不会有任何问题，我建议使用其他变量值​​例如

width:100vw

相对窗口宽度，

height:100vh

相对窗口高度，

max width:&min width:

和

max height:&min height:

使用

width:50%

或

height:50%

您的元素将自动调整大小并具有限制。您还可以利用诸如

：：after

和

：：before

之类的元素，这些元素相对于父元素，例如获取边界三角形

如果您能提供更多信息，我们可以找到您问题的确切代码

使用javascript执行此操作的方法可以如下所示

//响应的onresize事件
document.getElementsByTagName（“正文”）[0].onresize=function（）{
元素=document.getElementById（“you_元素”）；
element.style.height='计算（50%-33.5px）'；
CalculateHight=parseInt（element.clientHight）*1.3
element.style.width=计算高度+px
document.getElementById（“宽度”）.innerHTML=CalculateHight；
document.getElementById（“height”）.innerHTML=element.clientHeight；
}
//一组的加载页面
document.getElementsByTagName（“正文”）[0]。onload=function（）{
元素=document.getElementById（“you_元素”）；
element.style.height='计算（50%-33.5px）'；
CalculateHight=parseInt（element.clientHight）*1.3
element.style.width=计算高度+px
document.getElementById（“宽度”）.innerHTML=CalculateHight；
document.getElementById（“height”）.innerHTML=element.clientHeight；
}

.myclass{
背景色：#e1e1
}

vw

不能按您使用它的方式使用。你试过了吗？你是说

0.5vh

@torazaburo我更新了答案，因为我看到了一些错误。你认为现在更新的版本可以工作吗？那么正确的方法是什么？为什么需要减少33.5px？我在其他地方也看到过，这有什么原因吗？@KBE您说过您需要calc（）操作返回的高度值。heightReturnedValue=0.5vh-33.5PX我需要的是根据屏幕高度动态设置宽度。提供更多信息。你想要什么？你想达到什么目标？