如何让我的移动网站自动调整其屏幕分辨率？答案

【问题标题】：How do I make my mobile website auto-adjust its screen resolution?如何让我的移动网站自动调整其屏幕分辨率？
【发布时间】：2013-03-20 00:04:21
【问题描述】：

我正在开发一个移动网站，但是当我在手机上查看该网站时，该网站会自动缩小为非常小的字体，用户必须放大才能阅读文字。

如何让它在每次用户访问网站时自动以正确的尺寸显示？

这是我的 CSS：

.content {
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:justify;
}

还有我的 HTML：

<div class="content"> Hello
<div id="logo"><img src="banner.png" border="0"></div>
</div>

尽管有我的代码，但在 Android 和 iPhone 设备上，文本看起来非常小。我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

尝试将此添加到您的<head>：

<meta name="viewport" content="width=device-width, user-scalable=yes">

用户可扩展是可选的。当它设置为 false 时，它会阻止用户使用浏览器的缩放。

【讨论】：