手机网站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" />