如何将高分辨率设备添加到响应设计模式?

时间:2018-06-20 11:49:42

标签: firefox responsive-design firefox-developer-tools

我已将iPhone X添加到Firefox响应式设计模式:

enter image description here

这是the correct resolution, and Device Pixel Ratio for an iPhone X

  

2436x1125像素,分辨率为458 ppi

但是,使用自定义设备时,Firefox显示该设备很大。似乎完全忽略了设备上的DPR。

enter image description here

如何在响应式设计模式下添加高分辨率设备?

编辑:某个神秘人士否决了这个问题,并要求关闭它,直到他们真正告诉我这是怎么回事,我才能对其进行编辑和改进。

1 个答案:

答案 0 :(得分:1)

由于没有人回答,我自己也找到了一些东西

将实际像素尺寸除以DPR,然后将其输入为“尺寸”

  • 1125/3
  • 2436/3

因此对于iPhone X,如果要剪切和粘贴,请输入:

  • 375
  • 812
  • 3
  • Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A356 Safari/604.1

这很奇怪,因为您已经输入了DPR,并希望Firefox为您进行计算,但这就是它的工作原理。

enter image description here