为什么某些最大宽度媒体查询使用.98px

Question

最近得知Bootstrap V4将其媒体查询从@media screen and (max-width: 991)更改为@media screen and (max-width: 991.98px)。那额外的.98px会改变吗？它提供某种类型的收益和/或解决方案吗？

我似乎找不到任何特别提及原因的东西。

Answer 1

我已经回答了相关的question here

引导程序4从每个断点的顶端减去.02px，以确保没有重叠的断点。

这是因为CSS媒体查询仅允许“等于”逻辑，而不允许“小于”为explained here

减少使用.02px而不是减少1px，可以在断点之间提供更好的粒度。