高解像度の画面で、表示を確認する方法

Question

@mediaを使用し、画面のピクセル数に応じてCSSの適用を変更しようとした場合、1024px以上の場合、1280px以上の場合、と分けた際にはこれをそれぞれのサイズごとに画面で確認しなければならないかと思います。
仮に以下のように設定をした場合、スマホのサイズの場合はデベロッパツールで対応できますが、それ以上のサイズを検証しようとした場合は、どのようにして画面の表示を確認すれば良いでしょうか。

@media (min-width: 640px) {

}
@media (min-width: 768px) {
  
}
@media (min-width: 1024px) {

}
@media (min-width: 1280px) {

}
@media (min-width: 1536px) {

}

Answer 1

DevTools のレスポンシブモードで端末選択を Responsive にすると、スクリーンサイズを任意に指定できます。

Responsive Viewport モード | Chrome DevTools での Device Mode によるモバイル端末のシミュレート  |  Google Developers

Comments

[jjj001]

ご回答ありがとうございます。
>DevTools のレスポンシブモードで端末選択を Responsive にすると、スクリーンサイズを任意に指定できます
こちらの方法で、サイズの調整をすることが出来ました。