如何計算移動設備的寬度和高度

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