如何正确缩放ipad safari上的页面？没有css参与

Question

我的页面是980像素,它在风景中看起来很完美,但在肖像中它被切断了.所以我试过了

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

它显示了完美的肖像,但在景观中它太小了.我试图通过使用js来检测方向更改和重置视口属性,不起作用或工作到一个延伸,但有可怕的错误.我不能使用任何类型的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旋转的时间,但使用视口的缩放永远不会正常工作

Answer 1

我知道你已经说过你不想使用css,但假设那是因为你不想处理改变你现有的css以纵向工作,这可能对你有用.

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