0

我为不同的屏幕分辨率创建了几个图像。fonegap 用什么函数可以确定屏幕分辨率？

我也想看一个例子。

4

1 回答 1

2

您还可以使用 $(window).width() 和 $(window).height() 或 screen.width；和screen.height；

这是一个使用 HTML、Javascript 和 JQuery 移动实现的示例。

网页：

<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；

于 2013-04-13T03:56:59.337 回答