クロームのデベロッパーツールについて

Question

デベロッパーツールについて
前々から思っていたのですが、グーグルクロームのデベロッパーツールでレスポンシブ対応などを確認するときに、付属画像のようにスマホの大きさ（種類の項目）をクリックすると、どれも初めは１００％の大きさで表示されず、例えば、iPhone6は項目を選択したときに８５％の大きさで表示されるのですが、１００％が本来の画面の大きさなのでしょうか？

それとも、通常その対応のスマホ（ここではiPhone6）の項目をクリックすると、自動的に８５％の大きさで表示されるのですが、この８５％がiPhone6の本来のスマホの通常の大きさなのでしょうか？

８５％の表示サイズなら丁度よいですが、これを１００％にすると少しフォームの大きさが少し大きい気がします。
付属画像①８５％で表示された画像。

付属画像②１００で表示された画像

Answer 1

それはただのChromeのウィンドウでの表示の拡縮率で、85%になるのはそのウィンドウにコンテンツ全体が収まるように85%に自動的に縮小表示しているのだと思います。もっと大きいディスプレイで、もっと大きいウィンドウのChromeで、デベロッパーズツールのペインも小さくして起動すれば最初から100%とかで表示されるるのではないかと思います。

シミュレーションするデバイスの画面の大きさは、その左に表示されているとおりで、それとは関係ないです。

Comments

[gujhufiugho]

そうなんでね。ありがとうございました。