jquery调整大小为移动窗口iPhone / Android

jquery resize to mobile window iphone/android

本文关键字：iPhone Android 窗口 移动 调整 小为 jquery      更新时间：2023-09-26

我想知道是否有任何方法可以让我的网页适应iPhone或Android的屏幕？ 我在 $（窗口）.resize 中读到了 $（窗口）.resize 有什么作用？JQuery Mobile，我阅读了文档，仍然感到困惑。有人可以为此举个例子吗？

$(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);
相关文章：