2013-09-28 199 views
1

我決定從移動設備的網站開始。我正在使用http://mobiletest.me來檢查網站在移動設備上的顯示效果,而無需一直使用手機查看。但是,當我終於完成了80%的工作並希望檢查我的手機時,它將100% width上的網站顯示爲正常的網站,而不是更大的網站。調整網站到移動設備

這是什麼我錯過了我的項目,以正確的方式顯示它?我有主要的container,其中包含所有其他divs。也許這可能是問題?

div#mobile-container { 
    position: relative; 
    width: 100%; 
    overflow: hidden; 
} 

回答

0

假設由設備大小你的意思是設置視口:

<meta name="viewport" content="width=device-width"> 

添加到您的head標籤,它不會給你一個正常的網站大小。

0

也不能損害補充:

<meta name="HandheldFriendly" content="True" />