手机不滚动网站的响应式设计

Question

我正在设计一个响应式网站。它在桌面上运行良好，但是当我在手机上测试时，我无法滚动页面。所以我只能看到适合设备高度的内容。 注意：我什至包括了 meta name="viewport" content="width=device-width",initial-scale-1.0" 请帮助我:-)

Answer 1

你问这个问题已经一年了，但我的回答可能会对某人有所帮助。

确保您没有使用 body{ overflow: hidden}，因为这会隐藏在初始屏幕中不可见的内容。

编辑：如果您想隐藏由于未知原因而出现的水平滚动，请使用body{overflow-x: hidden}。但是，我建议您找出水平滚动背后的原因。