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

Question

我想在document.body下创建一个div。 该div的宽度和高度应该是这样的：它正好适合移动设备，现在该设备可以是像iPad一样的平板电脑或像iPhone这样的移动设备，或者是台式机浏览器上的任何网页。 我试着用screen.width和screen.height，但这些值不是 完全等于设备宽度和高度！ 然后凭经验我试着减去一些数字形式，并得到18哪个 避免滚动document.body当该div的宽度和高度= sreen.width和screen.height。 但即使这个数字并不在所有浏览器上。

我还有一个问题，在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);