(请敲响鼓声)
Stephanie Rewis (来自 Susan Robertson 的 线索)
媒体查询中的
em基准来自用户设置(如果用户未更改,则为 16px 浏览器默认值)。
直觉上,似乎在 :root / html 级别更改 font-size 会改变 1em 的值,从而改变断点的位置,但实际上并非如此。
在 Lyza Gardner 详细说明 浏览器缩放时断点不符合预期后,基于 em 的媒体查询变得非常流行。现在情况已不再如此,但我仍然发现很多人引用这个事实。所以请记住,如果您不需要或不希望使用基于 em 的媒体查询,您无需强迫自己使用它们 - 即使您使用它们,假设 1em = 16px 也是最好的选择。