【问题标题】:Emulate low resolution device on the chrome dev tool在 chrome 开发工具上模拟低分辨率设备
【发布时间】:2018-04-17 11:52:38
【问题描述】:

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

低分辨率设备:Zte

屏幕尺寸:5.0 英寸,480 x 854 像素

【问题讨论】:

  • 您可以使用 chrome 设备检查功能进行远程调试,
  • 是的,但我没有低分辨率设备。这就是这里的问题。这就是为什么我需要在浏览器上模拟它。@rashidnk
  • 你是说小屏设备?
  • 我需要模拟Screen Size: 5.0 Inches, 480 x 854 pixels。换句话说就是分辨率。 @Duannx 我们不能按原样给出像素,因为它与retina 屏幕的单位不同。
  • 好的..这使得〜1.3 DPR..将发布答案

标签: android angular typescript google-chrome-devtools ionic3


【解决方案1】:

在 cmets 中指定,像素密度为196PPI

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

逻辑分辨率是pixels/dpr 中的屏幕尺寸,即(480x854)/1.3 = (369×657) widthheight

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-03-19
  • 2020-10-14
  • 2018-02-27
  • 1970-01-01
  • 1970-01-01
  • 2020-12-04
  • 1970-01-01
相关资源
最近更新 更多