モバイルデバイスの幅と高さを計算する方法

Question

私はdocument.bodyの下にdivを作成したいと思います。 そのdivの幅と高さは、 がモバイルデバイスに正確に合うようにする必要があります。そのデバイスは、 iPhoneのようなipadやモバイルデバイスなどのタブレット、または デスクトップブラウザの任意のウェブページになります。 私はscreen.widthとscreen.heightを試しましたが、これらの値はデバイスの幅と高さに正確に等しい ではありません！ 経験的には、私はいくつかの数値を減算してみました.18を得ました。 は、div = sreen.widthとscreen.heightの幅と高さのときにdocument.bodyのスクロールを避けます。 でも、この番号はすべてのブラウザで合意されていません。

さらに、私たちが縦から横にビューを変更するともう1つの質問があります。 フォントサイズが変わるのはなぜですか？ 私はhtmlページにそれはOS、ブラウザ、その他多くに関する多くの情報を提供しPHP browser detection library

を使用する

Answer 1

てみてください、このメタタグを持っています。

Answer 2

あなたはjQueryのを使用することができます：100％：

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);