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这个参数我无法调整屏幕大小，而在一个三星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>

但是这个脚本页脚显示跟随元素没有在页面的显示中显示。

调整大小屏幕的最佳方法是使用此javascreipt？
如何将页脚放在页面的底部？

Answer 1

以下是我使用的内容，屏幕是自动调整尺寸的，具体取决于设备的尺寸和dpi的肖像/风景：

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

我认为您的问题来自用户可扩展=是。

Answer 2

将target-densitydpi=medium-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

在phonegap中自动调整屏幕大小

2 个答案: