グーグルクロームデベロッパーツール検証時の表示について

Question

お世話になっております。
グーグルクロームの右クリックで確認できる【検証】についてですが、
楽天店舗トップページで検証を行なうと、
フローティングヘッダーのwidthを100％で表示しているせいか、
画面いっぱいに広がってしまい、目視での確認がしづらくて困っています。
何か良い方法はないでしょうか。

Answer

ECマスターズの田中です。

スマートフォン用のトップページ（index_sp.html）を
ご確認されようとしておりますでしょうか。

その場合は、開発者ツール左上、左から２番目のアイコン、
スマホと大きい四角の並んだアイコンをクリックしていただくことで
ブラウザの表示部分をスマートフォンの大きさにすることができますので
お試しいただきますようお願いします。

Answer

ご回答ありがとうございます。
こんな単純なことだったのですね。
お恥ずかしい限りです。
無事解決しました。

グーグルクローム デベロッパーツール検証時の表示について

グーグルクロームデベロッパーツール検証時の表示について