Sampath Sampath - 12 days ago 97
TypeScript Question

Emulate low resolution device on the chrome dev tool

I need to test the Ionic 3 app on a low-resolution device. But I don't have a low-resolution device.Can you tell me how to do that in the chrome dev tools?

Low-Resolution device: Zte


Screen Size: 5.0 Inches, 480 x 854 pixels


enter image description here

Answer Source

As specified in the comments, the pixel density is 196PPI.

The device pixel ratio = 196/150=~1.3

The logical resolution is screen size in pixels/dpr i.e. (480x854)/1.3 = (369×657) width and height.