响应式设计模式与调整浏览器窗口大小

Question

我正在尝试根据分辨率改变一些事情。所以我用例如：

    @mediaquery only screen and (min-width:1125px) and (max-width:1280px) {
      flex-basis: 31.4rem;
    }

它在Mozilla Firefox的响应式设计模式下运行良好，但是当我直接调整浏览器窗口大小时，它仅从1262px而不是1280px变化，所以在1263px和1280px之间它不会改变。对于任何媒体查询，它实际上都是这样做的（而不是响应模式中的560px，例如它仅从540px改变）。

知道它可能来自哪里？如何统一浏览器调整大小和响应式设计模式中的值？

Answer 1

当您使用任何响应工具测试页面时，它不计算页面的垂直滚动条。但是当你实际调整浏览器的大小时，它会给出User宽度差异，这是因为浏览器的默认滚动条宽度。