Question

我为不同的屏幕分辨率创建了几个图像。 fonegap有什么功能可以决定屏幕分辨率？

我还想看一个例子。

Answer 1

你也可以使用$（window）.width（）和$（window）.height（）或screen.width;和screen.height;

以下是使用HTML，Javascript和JQuery mobile实现此实现的示例。

HTML PAGE：

<html>
    <head>
        <!-- put any jquery references here -->
        <script type="text/javascript" src="index.js">
    </head>
    <body>
        <div id=main_page">
        </div>
    </body>
</html>

使用JQuery的Javascript文件：

$(document).ready(function ()
{
   resolution_handling();
});

function resolution_handling() 
{
    //first way to implement
    browser_width = $(window).width();
    browser_height = $(window).height();
    $("#main_page").css("width":browser_width+"px");
    $("#main_page").css("height":browser_height+"px");

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

这两个实现都会使div main_page具有屏幕高度和宽度的尺寸。

我建议使用$（window）.width（）和$（window）.height（）从经验来看它比screen.width更稳定;和screen.height;

如何使用phonegap确定屏幕分辨率？

1 个答案: