javascript - jquery调整大小到移动窗口iphone/android

Question

我想知道是否有任何方法可以让我的网页适应 iPhone 或 Android 的屏幕？我在 What does $(window).resize do? JQuery Mobile 中读到了有关 $(window).resize 的内容，我读了文档，但仍然很困惑。有人可以为此提供一个例子吗？

Answer 1

$(window).resize(...) 绑定(bind) resize 事件的回调或触发此事件。

如果用户调整浏览器窗口大小，则绑定(bind)回调函数:

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

如果你想手动调用所有监听器(不带任何参数):

$(window).resize();

===更新===

另请参阅this example 。

===更新===

我不认为您可以调整窗口大小，但您可以通过更改视口(viewport)比例来更改缩放级别(未经测试):

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);