鉻具有不同的斷點測量

我現在正在做RWD，並且我遇到了一些Chrome/VSC /或者我不知道的問題。爲什麼SCSS和Chrome的措施有所不同？我的斷點在SCSS中設置爲800px，在Chrome中爲640px，爲什麼？如何解決它？鉻具有不同的斷點測量

You can see here, difference of 140px

2017-10-17 mrcnw

你可以嘗試將'@media screen和'改爲'@ media'嗎？這將正確使用瀏覽器的寬度而不是屏幕。 – Lansana

我試過了，但不起作用。任何想法更多解決它？這是誤導。 – mrcnw

另外，你需要定位你的CSS中的特定元素。您只需在媒體查詢中使用CSS。除非該媒體查詢嵌套在另一個CSS規則中，否則請嘗試更改。 – Lansana

頁面大小指示燈不採取縮放級別考慮。或者你可以說它是在屏幕像素而不是CSS像素。比較innerWidth和outerWidth。

將縮放級別重置爲100％，或將目標寬度乘以縮放級別以找到正確的值。

或打開設備工具欄，只需點擊媒體查詢將其大小設置爲該值即可。

不幸的是，如果你真的想要以80％的縮放比例進行測試，這些工具不能很好地工作。

2017-10-17 17:42:50

謝謝，我已經下載視口維度擴展到谷歌鉻和它的工作壽。 – mrcnw

回答