手機網站html元素太寬

Question

我正在設計我的網站的移動版本，它應該像移動應用程序。

問題是，在我的手機瀏覽器中有一個奇怪的寬度來我的HTML元素。我曾嘗試將body和html設置爲width：480px;內容爲480像素，但即使如此，內容旁邊仍有大量空白（估計大約爲300像素）。這樣做的效果還在於網站沒有放大到內容，而是放大到了內容+空白處，而您首先必須放大才能正確使用網站。

Ofcourse我想使用寬度：100％;所以它在不同的屏幕尺寸上呈現得很好。

有誰知道發生了什麼或如何解決它？

編輯 該html代碼只是簡單的xhtml過渡，沒有什麼特別的。在CSS我：

body, html { 
width:480px !important;} 

但是，如果我不會的寬度設置爲那些它應該工作的權利？我也沒有設置任何其他元素的寬度（除了像按鈕100px和類似的東西），如果我在我的電腦上查看移動版本，沒有任何元素看起來比身體寬。

Answer 1

您是否添加了viewport元標記？

<meta name="viewport" content="width=device-width, initial-scale=1.0" />