Chrome中calc中的“VW”CSS单元不工作,怎么回事?

  • 回答 (2)
  • 关注 (0)
  • 查看 (44)

新版本额vw(和vhvminvmax)CSS单元非常有用。

两者都在Chrome中工作得很好(后一个前缀为-webkit-calc),但出于某种原因,我发现calc属性值,包括v*单位,如width: -webkit-calc(95vw - 25em)生成无效的属性值。这只是还没有实现,还是一个bug?

演化史记演化史记提问于
nr348399什么也不懂,除了。。回答于
已采纳
Lonely永夜回答于

HTML:

<div class="container">
    <div class="inner-calc-with-viewport-units-bugged" />
</div>

CSS:

.container { 
    width: 100vw; //or height: 100vh, depending on your usecase
}
.inner-calc-with-viewport-units-bugged { 
    width: calc(100% - XXXXX px); //or height: calc(100% - XXpx);
}

所属标签

可能回答问题的人

  • 西风

    renzha.net · 站长 (已认证)

    7 粉丝1 提问9 回答
  • 四无君

    0 粉丝0 提问3 回答
  • 拉布拉多拉不多

    1 粉丝0 提问2 回答
  • 小书虫

    0 粉丝1 提问2 回答

扫码关注云+社区

领取腾讯云代金券