如何根据设备规格计算视口宽度

Question

我试图了解如何为移动设备计算视频宽度。我已经在真实设备上尝试了它并且它的工作方式相同，但我将使用模拟器粘贴屏幕截图。

问题是：当设备宽度为1080px且密度为420dpi时，为什么视口宽度为432px？我不认为viewport metatag应该将视口宽度设置为设备实际宽度吗？所以它应该是1080px是吗？

这可能是微不足道的，但我并不认为432px来自于确切的。

截图：

Answer 1

let programToBeToggled = copyOfPrograms.find(program => program.id === action.id);
programToBeToggled.watchlist = !action.watchlist;

例如：iPhone XS Max

ScreenPixel分辨率：2688 x 1242

DevicePixelRatio：3

ViewPortSize：896 x 414