我正在设计我的网站的移动版本，它应该像移动应用程序一样。
问题是我的移动浏览器中的html元素有一个奇怪的宽度。我试过将body和html设置为width：480px;内容是480px，但即便如此，内容旁边还有很多空白（估计大约300px）。这样做的结果还在于网站没有缩放到内容，而是缩放到内容+空白，您首先必须放大才能正确使用网站。
当然我想使用宽度：100％;所以它在不同的屏幕尺寸上呈现得很好。
有谁知道发生了什么或如何修复它？
修改 html代码只是简单的xhtml过渡，没什么特别的。在css我有：
body, html {
width:480px !important;}
但是，如果我不设置宽度，它应该工作吗？我也没有为任何其他元素设置宽度（除了按钮100px和类似的东西之外），如果我在计算机上查看移动版本，则没有任何元素看起来比身体宽。
答案 0 :(得分：20)
您是否添加了viewport元标记？
<meta name="viewport" content="width=device-width, initial-scale=1.0" />