在chrome dev工具上模拟低分辨率设备 [英] Emulate low resolution device on the chrome dev tool

问题描述

我需要在低分辨率设备上测试Ionic 3应用程序。但是我没有低分辨率的设备。你能告诉我如何在chrome dev工具中做到这一点吗？

低分辨率设备：

解决方案

如评论中所指定，像素密度 196PPI 。

设备像素比= 196/150 = ~1.3

逻辑分辨率是像素/ dpr 的屏幕尺寸，即（480x854）/1.3 =（369×657） width 和 height 。

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

解决方案

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.

这篇关于在chrome dev工具上模拟低分辨率设备的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！