铬误判机屏幕尺寸

Question

我只是第一次尝试响应性设计，所以我不确定我是否做了什么，但我认为这只是一个bug。

现在，如果我将浏览器的一部分移出屏幕，并将其扩展到大约1345，则会单击我为1224设置的css。

//So this and @media all are the only ones which work currently
@media only screen and (min-width : 321px) {
/* Styles */
//  div { border: 3px solid purple;}
}
// all others do nothing, confirmed via trial and error
// Works at 1346
@media only screen and (min-width : 1224px) {

  @import "layouts/laptop/layout";
  @include header-large(1224);
  @include logo-mixin;
  @include nav-large(1224);
  @include registrar-mixin;
  @include presenter-mixin(1224);
  @import "bodies/laptop/body";
  @include index-detail-mixin;
  @include show-mixins;
  @include object-location;
}

我在Mac上，在Safari，FF和Canary中一切都像预期的那样工作。老实说，自从我添加了jQuery用户界面以来，Chrome的行为一直很奇怪。就像JS一样，如果开发工具在一段时间内是开放的，那么JS就不会运行，尽管在使用jshint和添加了分号之后，这个问题现在似乎已经解决了。所以，我想这是我的错，但是FF和Safari并没有眨眼。哦，我也尝试过禁用我的所有扩展和重新加载页面，但这也不起作用。所以，我的CSS知识非常有限。

编辑:我还应该提到几天前刚刚发生的这件事。在这之前一切都很顺利。一天早上我刚醒来，css就停止工作了。

Answer 1

这听起来可能很愚蠢，但却是一个容易被忽视的问题，它让我陷入了几个小时的挫折和尴尬之中。

再次检查您的浏览器根本没有缩放，并且在默认的100%缩放级别上查看该页。

如果您放大或缩小浏览器，它将影响媒体查询，它们将无法正确显示。

​

​