在Chrome的媒体查询中混合计算中的单位

时间:2019-04-25 22:30:00

标签: css google-chrome media-queries css-calc

我目前正在CSS媒体查询中尝试将calc()与混合单位(在我的情况下为chrem)一起使用。除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吗?

0 个答案:

没有答案