異なるブレークポイントを持つChrome

私は現在RWDをやっていますが、Chrome/VSC /に問題があります。 SCSSとChrome対策の違いはなぜですか？私のブレークポイントは800pxでSCSSに設定され、Chromeでは640pxです、なぜですか？それを修正するには？異なるブレークポイントを持つChrome

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

ありがとうございます。私はGoogle ChromeにViewport Dimensionsの拡張版をダウンロードしました。 – mrcnw

答えて