css - 如何计算移动设备的宽度和高度

Question

我想在 document.body 下创建一个 div。 该 div 的宽度和高度应该是这样的 它完全适合移动设备，现在该设备可以 ipad 等平板电脑或 iPhone 等移动设备，或 iPhone 上的任何网页 桌面浏览器。 我尝试使用 screen.width 和 screen.height，但这些值不是 正好等于设备的宽度和高度! 然后根据经验，我尝试从中减去一些数字，得到 18 当 div 的宽度和高度 = sreen.width 和 screen.height 时，避免在 document.body 上滚动。 但即使是这个数字在所有浏览器上也不一致。

我还有一个问题，在iphone上如果我们把 View 从竖屏改成横屏， 为什么字体大小会改变？ 我在 html 页面上有这个元标记

Answer 1

尝试使用 PHP browser detection library

它提供了大量关于操作系统、浏览器等的信息。