html - 将静态大小的网站适合移动浏览器

Question

我有一个固定宽度为 900px 的 mainwrapper div 容器。如何缩放此包装器，使其在宽度约为 300 像素的移动浏览器中加载时完全可见。我不想更改 900px，我希望有一种方法可以使用元标记来做到这一点。

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

我正在使用此代码，可以在除 Opera Android 浏览器之外的所有浏览器上正常工作。在 Opera 中，我的网站浮动，但宽度被包裹。

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