我目前正在CSS媒体查询中尝试将calc()
与混合单位(在我的情况下为ch
和rem
)一起使用。除Chrome之外,它似乎可以在所有浏览器上正常工作。
这是我的声明:
@media screen and (min-width: calc(40ch * 2 + 15ch + 8rem)) {}
虽然其他浏览器可以正确计算出该值:
@media screen and (min-width: calc(95ch + 8rem)) {}
…Chrome会将上述陈述解释为:
@media screen and (min-width: 103px) {}
(Chrome浏览器似乎忽略了所有单位,并假设使用px
)
有没有类似的解决方法,或者这是Chrome吗?