如何根据设备规格计算视口宽度
Posted
技术标签:
【中文标题】如何根据设备规格计算视口宽度【英文标题】：How to calculate viewport width based on device specification 【发布时间】：2016-09-25 15:50:50 【问题描述】：我试图了解如何为移动设备计算视口宽度。我在真机上试过了，效果一样，但是我会用模拟器粘贴截图。
问题是：为什么设备宽度为1080px，密度为420dpi时，视口宽度为432px？我不明白视口元标记应该将视口宽度设置为设备实际宽度吗？所以应该是1080px吧？
这可能是微不足道的，但我不明白 432px 的确切来源。
截图：
【问题讨论】：
This Resourse可能对你有帮助！ 我发现设备屏幕分辨率与视口分辨率不同。并找到了一些指向不同设备的实际预期视口大小的链接：viewportsizes.com。但我仍然不知道在我的情况下它是如何计算的。 【参考方案1】：ViewPortSize = ScreenPixelResolution / DevicePixelRatio
例如：iPhone XS Max
屏幕像素分辨率：2688 x 1242
DevicePixelRatio：3
视口尺寸：896 x 414
【讨论】：
以上是关于如何根据设备规格计算视口宽度的主要内容，如果未能解决你的问题，请参考以下文章
元“视口”设备宽度：Opera Mobile 9.7 上的错误宽度小（10 个作品）