如何强制Android浏览器在放大/缩小时不更改视口的宽度？

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

我有多个媒体查询页面针对不同的视口宽度。但是，无论何时，用户放大/缩小页面视口宽度都会发生变化，因此页面布局重新排序，我不会发生这种情况。我希望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; } 
}

来源

2012-01-08 Frodik

请问您可以收看您的媒体查询吗？ – poitroae 2012-01-14 09:16:40

@Michael当然没问题。我有这两个媒体查询实际上支持三种类型的设备。台式机（宽度> 1000像素），平板电脑和高清智能手机（宽度800-1000像素）以及所有其他手机和设备（宽度<800像素）。问题是（正如我的问题所述），当我在移动设备上放大/缩小页面时，它不断更改视口，并且布局也不断变化，因为页面的布局对于每种类型的设备都不相同。但这根本不是期望的。我想为每种类型的设备提供一个修复布局，但要可缩放。 – Frodik 2012-01-14 09:35:03

-2

我会建议采取不同的方法，并使用响应/自适应主题设定缩放限制。

来源

2012-01-20 10:13:08

不幸的是，我无法改变布局。但是，你能否更具体地讨论你会推荐的方法？ – Frodik 2012-01-20 10:16:39

加载[本网站]（http://demo.colorlabsproject.com/?theme=adam-eve）后调整浏览器窗口大小。 – 2012-01-20 10:21:40

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

例如，如果你想设置的视口的宽度为600px的，你会加入这一行你的HTML <head>：

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

然后，您可以设置页面上的其他元素的宽度知道它与视口的比例有多大。例如该元素将手机浏览器的整个宽度：

#content { 
    width: 600px; 
}

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

来源

2012-01-21 00:37:26 mustpax

如何强制Android浏览器在放大/缩小时不更改视口的宽度？

回答

相关问题