【问题标题】:How to calculate viewport width based on device specification如何根据设备规格计算视口宽度
【发布时间】:2016-09-25 15:50:50
【问题描述】:

我试图了解如何为移动设备计算视口宽度。我在真机上试过了,效果一样,但是我会用模拟器粘贴截图。

问题是:为什么设备宽度为1080px,密度为420dpi时,视口宽度为432px?我不明白视口元标记应该将视口宽度设置为设备实际宽度吗?所以应该是1080px吧?

这可能是微不足道的,但我不明白 432px 的确切来源。

截图:

【问题讨论】:

  • This Resourse可能对你有帮助!
  • 我发现设备屏幕分辨率与视口分辨率不同。并找到了一些指向不同设备的实际预期视口大小的链接:viewportsizes.com。但我仍然不知道在我的情况下它是如何计算的。

标签: css mobile responsive-design viewport


【解决方案1】:
ViewPortSize = ScreenPixelResolution / DevicePixelRatio

例如:iPhone XS Max

屏幕像素分辨率:2688 x 1242

DevicePixelRatio:3

视口尺寸:896 x 414

【讨论】:

    猜你喜欢
    • 2014-12-18
    • 1970-01-01
    • 2020-03-25
    • 2014-12-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多