代码显示0和1,为什么有时显示2?
我的浏览器是 Microsoft Edge v130,Chrome v130 也是如此。
@property --vw {
syntax: "<length>";
inherits: true;
initial-value: 100vw;
}
:root {
--w: mod(tan(atan2(var(--vw), 1px)), 2);
}
body::before {
counter-reset: w var(--w);
content: counter(w);
}
<body></body>
您的代码有时显示 2 而不是 0 或 1 的原因是浮点数。 您可以尝试使用分钟
:root {
--w: min(mod(tan(atan2(var(--vw), 1px)), 2), 1.9999);
}