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

时间:2010-10-18 09:38:01

标签: css mobile mobile-website

我正在移动网站上工作,但当我在手机上查看网站时,网站会自动缩小为非常小的字体,用户必须放大才能阅读文字。

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

这是我的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 个答案:

答案 0 :(得分:7)

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

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

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