1

这是一个很小的问题，我不能轻易回答，我认为这很奇怪。我有一个带有 CSS calc 规则的 div 高度

@media screen and ( max-device-width: 399px)
{
    :root{
    --imgItem-width: 30px;
    --imgItem-height: 55px;
    --imgNav-width: 80px;
    --imgNav-height: 35px;
    
}

.postPlace{
    height: calc(var(--imgItem-height) * 2 + 5px) ;
    --gsh : calc( var(--imgItem-height) /2 ) ;
}

这个 div 正在通过 jscript 根据用户请求而增长。那行得通。但它是一个增量版本。我将它应该增长的时间存储在 cookie 中并自动执行。然后当他回来再次增长时，如果 div 已经扩展，我没有 div 的初始大小。这就是重点。在脚本中，我使用了 300 像素的标准值，这对于智能手机来说太大了，对于狂野的屏幕来说可能还不够。

.animate({
      height:"+=300", 
      }, 1500 );

所以我想将真正的计算规则存储在一个var中，我可以通过js（或jq）读取。我尝试了getcomputedstyle，但没有得到计算的var，我得到的是calc的def（在这种情况下是“--gsh：calc（var（--imgItem-height）/2）”而不是27px）；

有人对这件事有一点了解吗？

我在周围看到了一些scss的东西，但是对于一个如此愚蠢的东西，我有点沮丧......

4

0 回答 0