Css 移动网站html元素太宽

我正在设计一个手机版的网站，它应该像一个手机应用程序

问题是我的移动浏览器中的html元素有一个奇怪的宽度。我尝试过将body和html设置为width:480px；内容是480px，但即使如此，内容旁边也有很多空白（估计约为300px）。这样做的效果是，网站不会缩放到内容，而是缩放到内容+空白，您首先必须放大才能正确使用网站

当然我想用宽度：100%；因此，它可以在不同的屏幕大小上很好地渲染

有人知道发生了什么或如何修复吗

编辑 html代码只是简单的xhtml过渡，没有什么特别之处。在css中，我有：

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

---

但如果我不给这些设置一个宽度，它会正常工作吗？我也没有为任何其他元素设置宽度（按钮100px之类的除外），如果我在电脑上查看移动版本，没有任何元素看起来比主体更宽。

你添加了

视口

元标记了吗

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

您能提供一些代码吗？也许是JSFIDLE中的一个例子？我并不是专门寻找这个命令。我以为这是样式表的问题。我发出命令，砰的一声。使用滚动条修复我的宽体，以适合我页面的实际宽度。