How to add a new gadget in google chrome - developer panel?

Question

Google Chrome

In general, in the developer panel, you can select the necessary gadget from the list

. I wanted to add the iPhone 7 Plus, but when adding a gadget, you need to specify its screen resolution.
I wanted to indicate it as it is, but I was misled by the fact that when choosing an iPhone 6 Plus from the list of presets, it has a resolution of 414x736, although we all know that the iPhone 6 Plus has a completely different resolution. So I want to understand how to add new gadgets, by what principle are permissions specified in chrome?

Answer 1

The screen resolution is not specified, but the physical size of the screen itself. For example, the iPad Air 2 has a resolution of 2k, but for some reason it is rendered as before. 1024 - 768. Some kind of magic, don't you think?