iphone横向和纵向的响应式设计

Question

我一直在尝试在我的 iphone 4 上测试我的代码，我正在运行 iOS6。

在纵向模式下，iPhone 内部的一切看起来都很好，但是当我切换到横向模式时，一切都被放大了！有什么建议？下面是我的视口代码以及 css 条件。

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.5, user-scalable=0" />

@media screen and (max-device-width: 480px) {
    #sidebar {
        width:38px;
    }
    .menuhide {
        display:none;
    }
    .menushow {
        display:inline;
    }
    #mainframe {
        margin-left:38px;
    }
}

再次感谢！

Answer 1

也许使用这个：

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=0">