为什么当调整浏览器窗口大小时,css 函数 mod() 2 有时会显示结果 2?

问题描述 投票:0回答:1

代码显示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>

css
1个回答
0
投票

您的代码有时显示 2 而不是 0 或 1 的原因是浮点数。 您可以尝试使用分钟

    :root {
  --w: min(mod(tan(atan2(var(--vw), 1px)), 2), 1.9999);
}
© www.soinside.com 2019 - 2024. All rights reserved.