2010-10-18 64 views
3

我正在使用移動網站,但是當我在手機上查看網站時,網站會自動縮小爲非常小的字體,用戶必須放大才能閱讀文本。如何讓我的手機網站自動調整屏幕分辨率?

每次用戶訪問該網站時,如何讓它自動以合適的尺寸顯示?

這裏是我的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設備,文本顯示非常小的。我該如何解決?

回答

7

嘗試添加以下內容到<head>

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

用戶可升級是可選的。當它設置爲false時,它會阻止用戶使用瀏覽器的縮放。

+0

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