相关疑难解决方法(0)

我有以下情况:

div {
    width: calc((100% / 11) - 9.09px);
}

在上下文中,100% = 1440px,并且在数学中使用sass生成9.09px.

结果是:94.55px,因为calc函数向上舍入,但我需要94.54px(向下舍入).

我怎样才能向下舍入到最接近的百分位？

#Edit:示例.

我希望任何 div 元素在视口大小发生变化时调整大小，因此通常我可以使用例如 flex 或10emor %- 但实际上我希望它仅以 30 像素的增量调整大小，因此它始终与背景对齐。

这可能吗？

mod我能想到的唯一方法已经失效了——以前的操作员可能可以，但现在不行了？

在CSS计算函数中使用模数

我也可以通过媒体查询来实现这一点，但将其设置为仅 30 像素的增量将是一场噩梦。

下面的代码片段的最大宽度为 210 像素，最小宽度为 30 像素。当浏览器从宽调整为细时，它应该仅以 30 像素的增量跳跃。

.Mlt{
   background-color:grey;
   min-width:60px;
   max-width:210px;
}

<div class="Mlt">
    <p>Hello</p>
    <p>Content</p>
</div>