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

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

问题描述:

我正在使用移动网站,但是当我在手机上查看网站时,网站会自动缩小为非常小的字体,用户必须放大才能阅读文本。如何让我的手机网站自动调整屏幕分辨率?

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

这里是我的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时,它会阻止用户使用浏览器的缩放。

+0

谢谢!有用! – Sylph 2010-10-25 18:46:22