Google Chromeの検証機能でウィンドウサイズを確認する方法 | それからデザイン スタッフブログ

Google Chromeの検証機能でウィンドウサイズを確認する方法 | それからデザイン スタッフブログ

サイト制作はスマホ対応が当たり前になっている昨今、レスポンシブサイトを作ることも増えていると思い...概要を表示 サイト制作はスマホ対応が当たり前になっている昨今、レスポンシブサイトを作ることも増えていると思います。 そんなレスポンシブサイトを制作する際に重宝するのがGoogle Chromeの検証機能。これまでは検証機能を立ち上げた状態でウィンドウサイズを変更すると、画面右上に数値が出ていました。が、最新のバージョンにアップデートしてみると、なんと数値が出ないようになっているではありませんか…。 ほとほと困り果てていたのですが、どうやら「Device mode」が2016年3月頃のアップデートで大幅に変更され、ウィンドウサイズはこの「Device mode」でのみ確認できる仕様になったようですね。今回は、アップデートされたGoogle Chromeでのウィンドウサイズの確認方法をご紹介します。 まずは検証機能を立ち上げ、「Device mode」のボタンをクリック。 すると、上のバーにウィンドウサイ