0

ページにさまざまなテキストと画像が配置されているページがあります。ユーザーがウィンドウのサイズを変更するとき (または単に解像度が異なるユーザー)、設計ではすべてを比例してスケーリングする必要があります。そこで、サイズ変更時 (またはページの読み込み時) にトリガーするこの jQuery 関数を作成し、これまでにそのページに配置したすべての要素を調べて、アスペクト比に基づいてサイズを変更しました。このような:

    theWindow.resize(function() {
        resizeBg();
    }).trigger("resize");

ページにどんどん追加していくと、非常に面倒です。すべてのパディング、マージン、フォントサイズ、幅、高さなどは、その比率に基づいてサイズ変更する必要があります。これに役立つjQueryプラグインまたはその他の提案はありますか?

ありがとうございました。

4

1 に答える 1

0

ユーザーがウィンドウのサイズを変更すると、JQuery は関数を実行します。

$(window).resize(function()
{
    var Width = $(document).width();
    var Height = $(document).height();

    $('body').css({"height" : Height, "width" : Width});
}

またはCSSの簡単な方法、

body
{
    width:100%;
    height:100%;
}
于 2013-02-12T13:27:26.253 に答える