как рассчитать ширину и высоту мобильного устройства

Question

Я хочу создать div под document.body. Ширина и высота этого 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);