Chrome具有不同的断点测量

Question

我现在正在使用RWD，我在使用Chrome / VSC时遇到了一些问题/或者我不知道。为什么SCSS和Chrome措施之间存在差异？我的断点在SCSS中设置为800px，在Chrome中设置为640px，为什么？如何解决？

Answer 1

页面尺寸指示器不考虑缩放级别。或者你可以说它是屏幕像素而不是CSS像素。比较innerWidth和outerWidth。

将缩放级别重置为100％，或将目标宽度乘以缩放级别以找到正确的值。

或者打开设备工具栏，只需单击媒体查询即可将大小设置为该值。

不幸的是，如果你真的想要以80％的变焦进行测试，这些工具就不能很好地工作。