Javascript 如何在ipad safari上正确缩放页面？没有涉及css

我的页面是980px，它在横向上看起来很完美，但在纵向上它被切断了。所以我试过了

<meta name="viewport" content="user-scalable=no, initial-scale=0.75, minimum-scale=0.75, maximum-scale=0.75, width=device-width">

---

ipad旋转时的检测工作正常，但使用viewport进行缩放永远无法正常工作

这不起作用吗？我的网页响应速度很快，但即使在固定宽度的网页上，我也会遇到iOS在方向改变时显示页面的问题，我已经解决了这一问题：

元标记

<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=10.0,initial-scale=1.0" />

---

然后

和good as new:D

我知道你说过你不想使用css，但假设这是因为你不想处理将现有css更改为纵向工作的问题，那么这可能对你有用

@media only screen and (orientation : portrait) {
    body {
        -webkit-transform: scale(0.75);
    }
}

---

你试过的javascript是什么？啊！把你已经尝试过的东西放到问题中去！出于好奇，您不想使用CSS有什么原因吗？

var mobile_timer = false;
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
    $('#viewport').attr('content', 'width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0');
    $(window).bind('gesturestart', function () {
        clearTimeout(mobile_timer);
        $('#viewport').attr('content', 'width=device-width,minimum-scale=1.0,maximum-scale=10.0');
    }).bind('touchend', function () {
        clearTimeout(mobile_timer);
        mobile_timer = setTimeout(function () {
            $('#viewport').attr('content', 'width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0');
        }, 1000);
    });
}

@media only screen and (orientation : portrait) {
    body {
        -webkit-transform: scale(0.75);
    }
}