Jquery mobile 在phonegap中自动调整屏幕大小

Jquery mobile 在phonegap中自动调整屏幕大小,jquery-mobile,cordova,Jquery Mobile,Cordova,我使用这个元参数和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" /> 有了这个参数,我无法调整屏幕大小,在一个三星S4看到屏幕非常小。 我试

我使用这个元参数和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" />

有了这个参数,我无法调整屏幕大小,在一个三星S4看到屏幕非常小。 我试着用javascript调整屏幕大小,而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>

函数解析_处理()
{
//实施的第一种方式
浏览器宽度=$(窗口).width();
浏览器高度=$(窗口).height();
$(“#page1”).css(“宽度”:浏览器的宽度+“px”);
$(“#page1”).css(“高度”:浏览器高度+px”);
//第二种实施方式
浏览器宽度=屏幕宽度;
浏览器高度=屏幕高度;
$(“#page1”).css(“宽度”:浏览器的宽度+“px”);
$(“#page1”).css(“高度”:浏览器高度+px”);
}
但在这个脚本中,页脚显示为follow元素,而不是显示在页面的底部

  • 使用javascreipt调整屏幕大小的最佳方法是什么
  • 我怎样才能把页脚放在页面底部
以下是我使用的内容,屏幕大小根据设备的大小和dpi自动调整纵向/横向:

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


我认为您的问题来自用户可缩放=是。

目标密度dpi=中等dpi添加到您的
meta
标签中,这将解决您在三星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" />


不需要JAVASCRIPT

调整内容div的大小,顺便说一句,
.css({width:value})
.css(width,value)
。另一种方式,
.height(value)
.width(value)
用户可伸缩性
是允许/不允许用户放大/缩小。是的,我同意,但它不会破坏“自动缩放”功能吗?应该避免使用目标密度DPI,因为这会迫使Chrome 30(Android 4.4.2在三星Galaxy S4上使用的)成为“传统”你能提供你关于如何解决这个问题的建议吗?我知道它更“简陋”,但这是唯一能为我解决这个问题的方法。使用javascript设置宽度和高度意味着您只能在一种模式(纵向或横向)下使用应用程序,否则每次屏幕调整大小时都必须调用该函数。根本不要使用目标densitydpi元标记。Android 4.4.2上的WebView应该自动将其调整为该视图的正确宽度和高度,这通常与将目标密度设置为中等时的操作相同。