レスポンシブの確認方法がわからない

Question

前提・実現したいこと

初歩的な質問なんですが、例えば@media(max-width:720px)のcssが適用されているかを確認したいのですが、ブラウザを疑似的に720pxにすれば確認できますか？また、どうやってブラウザの画面幅を変更しますか？<meta name="viewport" content="width=720">をやってみたのですが@media(max-width:720px)は適用されませんでした。グーグルクロームを使用しています。よろしくお願いいたします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

コードの全容わかりませんが、要件定義や基本設計時点で対象とした実機確認は必ずしてください。
ブラウザの機能はあくまで仮想です。

それに、「レスポンシブ」の基本概念は「ブラウザの幅にあわせた対応」なので、VIEWPORT調整ではなく物理的に幅を広げたり狭めたりして確認するものでは。