0

さまざまな画面解像度用にいくつかの画像を作成しました。fonegap はどの関数で画面解像度を決定できますか?

例も見てみたいです。

4

1 に答える 1

2

$(window).width() および $(window).height() または screen.width; も使用できます。および screen.height;

HTML、Javascript、および JQuery モバイルを使用したこの実装の例を次に示します。

HTML ページ:

<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 に答える