将静态大小的网站安装到移动浏览器

Question

我有一个mainwrapper div容器，固定宽度为900px。如何扩展此包装器，以便在宽度约为300px的移动浏览器中完全可见。我不想更改900px，我希望有一种方法可以使用meta标签。

Answer 1

有。使用：

<meta name="viewport" content="initial-scale=1.0, width=900">

如果您想完全阻止缩放，请改用：

<meta name="viewport" content="initial-scale=1.0, width=900, maximum-scale=1.0, user-scalable=no">

Answer 2

是的，我同意猎人。您可以将其添加到您的代码中。

<meta name="viewport" content="initial-scale=1.0, width=900">

此外，如果您仍然遇到问题，您可以做的是如果您有自己的网站链接，请使用Responsinator进行检查。

有时，我们制作的代码是正确的，但由于某些错误或某些移动浏览器的过度属性而无法正确显示。

我曾经使用过Twitter bootstrap，我的代码曾经在除了Opera Mini和Safari之外的所有浏览器上正常工作，直到我与Responsinator核实并意识到我没有错。

因此，如果您的问题仍然存在，请检查由于您的移动浏览器导致的问题。

Answer 3

我正在使用此代码，除了Opera Android Browser之外，所有浏览器都能正常运行。在Opera我的网站浮动，但宽度被包裹。

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport'/>