javascript - 如何正确缩放 ipad safari 上的页面？不涉及CSS

Question

我的页面是 980 像素，它在横向上看起来很完美，但在纵向上却被 chop 了。所以我试过了

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

它显示完美的人像，但在风景中它太小了。我试图通过使用 js 来检测方向何时更改并重置视口(viewport)属性来解决此问题，该方法不起作用或可以扩展但存在可怕的错误。我不能使用任何类型的 css 媒体查询，因为该站点是 980 且无法更改。

有什么方法可以满足我的需求吗？谢谢

编辑

我试过类似的东西

if (orientation == 0 || orientation == 180) {
    viewport.attr("content", "");
    viewport.attr("content", "user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=990px");
}
else {
    viewport.attr("content", "");
    viewport.attr("content", "user-scalable=no, initial-scale=0.77, minimum-scale=0.77, maximum-scale=0.77, width=990px");
}

检测 ipad 何时旋转有效，但使用视口(viewport)缩放永远无法正常工作

Answer 1

我知道您曾说过您不想使用 css，但假设那是因为您不想处理更改现有 css 以纵向工作的问题，也许这对您有用。

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