响应设计的iphone景观和肖像

时间:2013-04-10 00:58:40

标签: ios css responsive-design viewport

我一直在尝试在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;
    }
}

再次感谢!

1 个答案:

答案 0 :(得分:3)

也许使用这个:

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