我发现了一种奇怪的现象。我正在开发一个新的网络项目，并计划在媒体查询中使用 em 作为单位。然而，我做了一个小测试，在 Chrome 中发现了一个非常奇怪的东西。
您可以在此处查看完整的 Codepen 页面：http://codepen.io/pentzzsolt/full/bAdJr 此处可 编辑代码：http ://codepen.io/pentzzsolt/pen/bAdJr
现在，媒体查询只是切换其中一个标签的背景颜色，没什么大不了的。放大时，您会看到颜色变化，但在缩小时，在 Chrome 中，它不会变回，只有当您缩小到原始级别时才会变回。然后，如果您再次放大，则需要与原始图像相关的 3 个级别，然后再降低 2 个级别，依此类推……希望您能理解。关键是，它遵循某种模式。
然而，在 Firefox 中，它按预期工作：在断点处，如果您放大，切换颜色，您缩小，切换回来。
任何想法为什么会发生这种情况？我发现只在媒体查询中使用 min-width 有什么问题，我还没有完全理解这些参数。