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

Question

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

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

Answer 1

尝试使用PHP browser detection library

它提供了很多关于操作系统，浏览器等的信息。

Answer 2

你可以使用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);