авторазмер экрана в PhoneGap

Question

Я использую эту мету параметры и JavaScript для Ьги Авторазмера

<meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=1, 
minimum-scale=1, width=device-width, height=device-height, 
target-densitydpi=device-dpi" /> 

Whith этого параметра я не могу изменить размер экрана, а в одном Samsung S4 см экрана очень маленький. Я пытаюсь изменить размер экрана яваскрипт и aperance является Бетар

 <script type="text/javascript"> 
      function resolution_handling() 
    { 
     //first way to implement 
     browser_width = $(window).width(); 
     browser_height = $(window).height(); 
     $("#page1").css("width":browser_width+"px"); 
     $("#page1").css("height":browser_height+"px"); 

     //second way to implement 
     browser_width = screen.width; 
     browser_height = screen.height; 
     $("#page1").css("width":browser_width+"px"); 
     $("#page1").css("height":browser_height+"px"); 
     } 
    </script> 

Но этот сценарий колонтитула показал последующий элемент не показывается в Боттона страницы.

• Что это лучший способ для изменения размера экрана с помощью этого javascreipt?
• Как я могу положить нижний колонтитул в botton страницы?

Answer 1

Добавить target-densitydpi=medium-dpi в свой meta тег, который будет исправить вашу проблему для экранов с высоким разрешением, таких как Samsung S4

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" /> 

NO JAVASCRIPT ТРЕБУЕТСЯ

Answer 2

Вот что я использую и экран автоматически размера в зависимости от размера устройства и ДПИ в портрет/пейзаж:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> 

Я думаю, ваша проблема исходит от пользователя-масштабируемой = да.