javascript - jqueryのサイズをモバイルウィンドウに変更iphone/android

Question

私のウェブページをiPhoneやAndroidの画面に合わせる方法はないかと思っていました。$（window）.resizeは何をするのですか？で$（window）.resizeについて読みました。JQuery Mobile、ドキュメントを読みましたが、まだ混乱しています。誰かがこれの例を提供できますか？

Answer 1

$(window).resize(...)サイズ変更イベントのコールバックをバインドするか、このイベントをトリガーします。

ユーザーがブラウザウィンドウのサイズを変更した場合は、コールバック関数をバインドします。

$(window).resize(function() {
    alert('resize handler called');
});

すべてのリスナーを手動で（パラメーターなしで）呼び出す場合：

$(window).resize();

===更新===

この例も参照してください。

===更新===

ウィンドウのサイズを変更できるとは思いませんが、ビューポートのスケールを変更することでズームレベルを変更できます（テストされていません）。

function changeZoomLevel(iScale) {
    var sViewport = '<meta name="viewport" content="width=device-width, initial-scale=' + iScale + '">';
    var jViewport = $('meta[name="viewport"]');
    if (jViewport.length > 0) {
        jViewport.replaceWith(sViewport);
    } else {
        $('head').append(sViewport);
    }
}

var iScale = 0.5 // set or calculate a zoom value between 0 and 1
changeZoomLevel(iScale);