铬具有不同的断点测量

问题描述：

我现在正在做RWD，并且我遇到了一些Chrome/VSC /或者我不知道的问题。为什么SCSS和Chrome的措施有所不同？我的断点在SCSS中设置为800px，在Chrome中为640px，为什么？如何解决它？铬具有不同的断点测量

You can see here, difference of 140px

你可以尝试将'@media screen和'改为'@ media'吗？这将正确使用浏览器的宽度而不是屏幕。 – Lansana

我试过了，但不起作用。任何想法更多解决它？这是误导。 – mrcnw

另外，你需要定位你的CSS中的特定元素。您只需在媒体查询中使用CSS。除非该媒体查询嵌套在另一个CSS规则中，否则请尝试更改。 – Lansana

答

页面大小指示灯不采取缩放级别考虑。或者你可以说它是在屏幕像素而不是CSS像素。比较innerWidth和outerWidth。

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

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

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

谢谢，我已经下载视口维度扩展到谷歌铬和它的工作寿。 – mrcnw