css中calc做逻辑运算？

Question

// index.less
div{
font-size: calc(100vw > 1280 ? 14px : 12px); // 报错
}

这种应该怎么实现？不用js的情况下。

Answer 1

使用媒体查询

Answer 2

// index.less
看到了这句注释，既然是用 less 了，那为什么不直接使用 less 的运算方式呢？

如果不想用 less 的运算方式的话，在 CSS 中可以用的或许应该是 clamp() 了。