将静态大小的网站安装到手机浏览器

我有一个固定宽度为900px的mainwrapper div容器。如何缩放此包装，以便在宽度大约300px的移动浏览器中加载时完全可见。我不想改变900px，我希望有一种方法可以用meta标签来做到这一点。将静态大小的网站安装到手机浏览器

来源

2013-01-03 A H

有。用途：

<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">

来源

2013-01-03 00:42:13 hunterloftis

我试过了，但移动浏览器仍然没有完全缩小，以显示加载完整的900 px包装。 –

您正在使用哪种浏览器？我已经在iPhone和Android上测试了这些代码，它可以工作。您可能希望从您的应用程序中创建一个最小可行测试（只需制作一个带有边框的900像素宽的框，并查看它是否位于具有该元标记的正确位置）。如果这有效（它确实），但你的应用程序没有，那么你的应用程序正在做其他事情来打破它。 – hunterloftis

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

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

另外，如果你仍然得到问题，你可以做的是，如果你有你的网站链接，以Responsinator检查。

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

我曾经使用twitter引导程序，我的代码用于在除Opera Mini和Safari之外的所有浏览器上正常工作，直到我检查了Responsinator并意识到我没有错。

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

来源

2013-01-03 02:02:43 trollster

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

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

来源

2013-05-08 05:33:07

将静态大小的网站安装到手机浏览器

回答

相关问题