css - 是否可以将元素的宽度四舍五入为可被 8 整除的数字？

Question

我正在尝试制作一个包含单个元素的棋盘。它位于容器内。我想要它，以便在调整页面大小时，宽度和高度都可以被 8 整除。

所以我在想，你得到宽度的八分之一 (12.5%)，向下舍入到最接近的像素，然后再次乘以 8。这可能吗？

到目前为止我有:

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

但这是以百分比 (96%) 而非像素为单位给出的结果。我可以先从百分比转换为像素吗？

Answer 1

不，你不能在 LESS 中将百分比转换为像素，因为在 LESS 被编译成 CSS 时，对于将要显示网页的浏览器的大小一无所知。这只有在浏览器加载最终编译的 CSS 以及网页时才知道。