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

Question

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

我还有一个问题，在iphone上，如果我们将视图从纵向更改为横向，为什么字体大小会发生变化？我在 html 页面上有这个元标记

Answer 1

您可以使用 jQuery：

var w = $(document).width();
var h = $(document).height();
//your div, for example with class 'loremIpsum', will get exactly that sizes with:
$('div.loremIpsum').width(w).height(h);

Answer 2

尝试使用PHP浏览器检测库

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