jquery調整到手機窗口iphone / android

Question

我想知道是否有任何方法可以讓我的網頁適應iPhone或Android的屏幕？ 我在$（window）.resize中做了什么來讀取$（window）.resize？ JQuery Mobile ，我閱讀了文檔，但仍然感到困惑。 有人可以為此提供一個例子嗎？

Answer 1

$(window).resize(...)綁定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);