Css 是否有可能将一个元素的宽度四舍五入到一个小于8的整数？

我想用一个元素做一个棋盘。它位于一个容器内。我希望这样，当调整页面大小时，宽度和高度都可以被8整除

所以我在想，你得到宽度的八分之一（12.5%），四舍五入到最接近的像素，然后再乘以8。这可能吗

到目前为止，我已经：

@eighth: 12.5%;
@rounded: floor(@eighth);
@multiplied: @rounded * 8;

---

但这是以百分比（96%）而不是像素表示的结果。我可以先将百分比转换为像素吗？

不，您不能将百分比转换为更少的像素，因为在将更少编译为CSS时，对于将显示网页的浏览器的大小一无所知。只有当最终编译的CSS与网页一起被浏览器加载时，才知道这一点。

您可以在CSS中使用

旁注：

我不知道LESS，正如@MarkSchultheiss所评论的，请确保您设置了一些参数，以便LESS在编译源代码时不会计算

calc（12.5%/8）

值

请在此处阅读更多内容（由@MarkSchultheiss撰写的评论）：

---

使用lessc--strict math=on进行较少编译，以避免计算

计算中的表达式，也可能？@markschultheis如果愿意，请更新我的答案，因为我知道的不多，所以无法做出正确的调整。：）而且我不是专家，所以我发表评论而不是编辑：）@MarkSchultheiss哈哈哈。。。我会记住这种方法，这是一种很好的方法：）注释参考：注意阅读本页上的注释和可能的解决方法：
width: calc(12.5% / 8);