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