【问题标题】:Why do some max-width media queries use a .98px为什么某些最大宽度媒体查询使用 .98px
【发布时间】:2019-02-09 00:16:17
【问题描述】:

最近注意到 Bootstrap V4 将他们的媒体查询从 @media screen and (max-width: 991) 更改为 @media screen and (max-width: 991.98px)。额外的 .98px 有什么改变吗?它是否提供某种类型的好处和/或修复?

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

【问题讨论】:

    标签: bootstrap-4 media-queries


    【解决方案1】:

    我已经回复了一个相关的question here

    Bootstrap 4 从每个断点的顶端减去.02px,以确保没有重叠的断点。

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

    使用.02pxless,而不是1pxless,可以在断点之间提供更好的粒度。

    【讨论】:

    • 对于重叠断点的明显答案难道不是直接减去1px 吗?
    • 能否详细说明“提供更好的粒度”这一点?或者如果您有任何关于此的文章
    • 高 DPI 设备可能允许小数像素视口大小,例如最接近的 0.5 像素。由于 Windows 支持 175% 等古怪的比例,您最终可能会得到更疯狂的值,例如 998.857px。
    猜你喜欢
    • 2016-10-20
    • 1970-01-01
    • 2015-05-01
    • 2012-03-19
    • 2017-07-29
    • 2012-07-09
    • 2014-07-09
    • 1970-01-01
    相关资源
    最近更新 更多