1

我想知道当用户用手指放大/缩小时，如何强制 Android 浏览器（最好使用纯 CSS3）不改变视口的宽度？

我在页面上有多个针对不同视口宽度的媒体查询。但是任何时候用户放大/缩小页面视口宽度都会改变，所以页面的布局会重新排序，我不会发生这种情况。我希望 Android 浏览器“记住”其初始视口大小，并且当用户放大/缩小时，我希望 Android 浏览器仅缩放，但不更改视口大小。

这可能与 CSS 吗？感谢您提前提供任何帮助。

编辑：我的媒体查询：

@media only screen and (min-width : 800px) and (max-width : 999px) {
  #content { width:800px; }
}
@media only screen and (max-width : 799px) {
  #content { width:600px; }
}
4

2 回答 2

4

您可以使用元标记将viewport移动浏览器上的视口宽度修改为某个固定大小。这将强制浏览器根据视口的本机宽度放大初始加载。您可以使用此固定宽度作为参考点来设置页面上其他元素的大小。

例如，如果您想将视口的宽度设置为 600px，您可以在 HTML 中包含这一行<head>：

<meta name="viewport" content="width=600px">

然后，您可以设置页面上其他元素的宽度，了解它将与视口成比例的宽度。例如，此元素将占据移动浏览器的整个宽度：

#content {
   width: 600px;
}

您可以缩放视口以适应内容，而不是缩放内容以适应视口。

于 2012-01-21T00:37:26.347 回答
-2

我建议采用不同的方法，并使用带有缩放限制集的响应式/自适应主题。

于 2012-01-20T10:13:08.147 回答