使用em Chrome进行CSS媒体查询

时间:2013-07-24 19:38:48

标签: css google-chrome media-queries

我发现了一种古怪。我正在开发一个新的Web项目,并计划在媒体查询中使用em作为单位。但是,我进行了一些测试,在Chrome中发现了一个非常奇怪的事情。

您可以在此处查看完整的Codepen页面:http://codepen.io/pentzzsolt/full/bAdJr 可修改的代码:http://codepen.io/pentzzsolt/pen/bAdJr

现在,媒体查询只是切换其中一个标签的背景颜色,没什么大不了的。放大时,您会看到颜色变化,但在缩小时,在Chrome中,只有当您向后缩小一级时,它才会变回。然后,如果你再次放大,你需要与原版相关的3级,然后降低2级等等...我希望你理解。重点是,它遵循某种模式。

然而,在Firefox中,它可以正常工作:在断点处,如果放大,切换颜色,缩小,切换回来。

为什么会发生这种情况的任何想法?我只是在媒体查询中仅使用min-width嗅到了一些错误,我还没有完全理解这些参数。

0 个答案:

没有答案