Css 波旁威士忌/Neat em媒体查询

我有一些使用ems的媒体查询。使用像素时，可以执行以下操作：

@media  (max-width: 640px) { ... }
@media (min-width: 641px) and (max-width: 768px) { ... }

使用ems时，此类查询如下所示：

@media  (max-width: 40em) { ... }
@media (min-width: 41em) and (max-width: 48em) { ... }

在第一个EM媒体查询中可以看到有40个EM，在第二个媒体查询中有41个Em。如果我们考虑1EM是16px，则存在16px的差距。我该怎么办

我可以把41em改为40em，但是我有两个媒体查询40em。当在两个媒体查询中使用neat与外部容器和omega mixin结合使用时，这尤其令人恼火，因为omega mixin的参数不同，例如2n和3n

问题是，对于40em，媒体查询将同时满足2n和3n css规则，这会给出一些奇怪的布局。现在我可以使用欧米茄重置混合。但我读到这不是一个好的做法

---

我错过什么了吗？任何人都有一些使用ems处理断点的好主意。我也可以在媒体查询中只使用min with，但是我仍然需要omega reset mixin。

我只使用最大宽度，因为它们对移动用户更友好。 这样，最重的覆盖适用于宽屏幕

EM是数字，不一定是实数。

---

可能尝试使用40em和40.1em，甚至更小？

目前，我只使用最小宽度，而不是最大宽度，采用移动优先的方法。谢谢你的输入。

试试这个->em（640）和em（641）

---

但如果我使用40.1 em，40 em和40.1 em之间仍有间隙。这是怎么处理的？是否存在最小em值？目前我只使用min width，但对于媒体查询中的不同omega，我被迫使用omega重置。如果我只使用最大宽度，我也被迫使用欧米茄重置。或者不是吗？在间隙中，媒体块中定义的样式都无效，因此它们不会被应用。40.01em的像素也有同样的问题，因此听起来足够坚固。（我可以想象浏览器有半个像素的情况，特别是在视网膜上）唯一的固溶体将只使用最小值或最大值-