2

我有一个站点，为了适应某些页面的内容，站点的最小宽度为 1170px。我也无法制作单独的移动版本。

iPhone 和 Droids 通常会自动调整页面大小以适应宽度。但是，如果内容的高度小于屏幕的高度，然后宽度超出屏幕，他们似乎不会调整页面大小。

关于我应该改变什么的任何想法？我不知道进行哪些编辑不会弄乱桌面演示。

4

3 回答 3

4

有一些方法可以在其他任何事情之前做到这一点非常重要

如果您的目标是在设备上工作，只需将该代码放在结束标记之前</head>

<meta name="viewport" content="width=device-width" />

然后，如果您不想重复您的代码，只需针对您希望网站使用媒体查询显示的屏幕

下面的例子：

@media handheld, screen and (max-width: 320px){
    .yourElementClassOrId {
        width:100%;  
    }
} 

@media handheld, screen and (max-width: 720px){
    .yourElementClassOrId {
        width:100%;  
    }
}  
@media handheld, screen and (max-width: 620px){
    .yourElementClassOrId {
        width:100%;  
    }
}

但是如果您的网站已经有灵活的网格，则很容易操作您的网站

希望这有帮助

于 2013-04-18T07:26:31.907 回答
0

您正在使用 twitter 引导程序，并且您的代码中缺少bootstrap-responsive.css 。

于 2013-04-18T05:42:51.613 回答
0

尝试添加target-densitydpi=device-dpi到元视口。这是特定于 Android 的。

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi">
于 2013-04-18T03:12:34.203 回答