如何让我的手机网站自动调整屏幕分辨率?
问题描述:
我正在使用移动网站,但是当我在手机上查看网站时,网站会自动缩小为非常小的字体,用户必须放大才能阅读文本。如何让我的手机网站自动调整屏幕分辨率?
每次用户访问该网站时,如何让它自动以合适的尺寸显示?
这里是我的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设备,文本显示非常小的。我该如何解决?
答
尝试添加以下内容到<head>
:
<meta name="viewport" content="width=device-width, user-scalable=yes">
用户可升级是可选的。当它设置为false时,它会阻止用户使用浏览器的缩放。
谢谢!有用! – Sylph 2010-10-25 18:46:22