レスキューデザインモード対ブラウザウィンドウのサイズ変更

Question

解像度に応じて変更しようとしています。だから私はexempleのために使用します。

@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

レスポンシブツールを使用してページをテストする場合、ページの垂直スクロールバーはカウントされません。しかし、実際にブラウザのサイズを変更すると、ブラウザのデフォルトスクロールバーの幅のために、幅の差が20pxになります。