🚀 Feature Request

📝 Description

Simulate real device size. Mobile phones are much smaller than the displayed view on screen.
This often tends to the implementation of UI elements which are far to small.

✨ Describe the solution you'd like

Add an option to switch to real device sizes.
This needs some data on the real screen-size of each device. And an individual scaling option for each and every device.
Also this implies an option to calibrate/measure the size of the currently used computer screen to calculate real dpi.

✍️ Describe alternatives you've considered

No alternatives but some caveats of this approach.

Mobile device screens have huge native resolutions:

• The scaled real size view on the screen will tend to be blurry.
• The rendering must be done in the far higher native resolution of the device and then down-scaled to fit real size.

The perceived size of a mobile device in reality is bigger, as mobile devices are used with less eye-to-screen distance, compared to a computer screen.

Mockup

Devices viewport pixel size identical (current implementation)

Devices real size identical (feature request)