Окно просмотра с разным размером экрана для каждой ориентации - PullRequest
Новая
       27

Окно просмотра с разным размером экрана для каждой ориентации

1 голос
/ 13 марта 2012

Я создаю приложение phonegap, используя html5 и css. У меня планшет iBall slide android с разрешением экрана 800 * 480.

Но когда я открываю страницу и проверяю ее ширину с помощью java-скрипта, она показывает разные значения для всей ориентации. Я использую это как мета-значение для окна просмотра: 

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

Кроме того, самая запутанная часть заключается в том, что при первом запуске приложения после установки оно показывает разную ширину и высоту экрана для той же ориентации при запуске приложения во второй или третий раз.

Есть мои значения:
1-й раз в ландшафтном режиме:
ширина * +1011 *: 640
высота : 359

1-й раз в портретном режиме:
ширина 384 * * тысяча двадцать-один высота : 615

после 1-го раза в ландшафтном режиме:
* 1 028 * ширина * * тысяча двадцать девять: 800
высота : 449

после 1-го раза в портретном режиме:
* +1037 * ширина * * тысяча тридцать восемь: 800
высота : 1281

Как мне настроить таргетинг на все эти размеры экрана?

1 Ответ

1 голос
/ 13 марта 2012

Использовали ли вы api.jquery.com/width и api.jquery.com/height?

Попробуйте поставить предупреждение вот так 

$(window).load(function() { 
   alert($(window).height()); 
   alert($(window).width()); 
});

и попробуйте поставить это 

$(window).resize(function() { 
   alert($(window).height()); 
   alert($(window).width()); 
});

, а затем скажите мне, что произойдет, если повернуть устройство.

...