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