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

Posted 2023-03-06

【中文标题】手机不滚动网站的响应式设计

【英文标题】：responsive design for website not scrolling in Mobile phones

【发布时间】：2013-01-24 08:50:23

【问题描述】：

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

【问题讨论】：

除非您发布一些代码来证明您的问题，否则我们无法帮助您。

您没有为正文（或内容）使用固定/绝对值，是吗？

@thordarson ：抱歉耽搁了。 我错过了吗特定于手机的东西？

@inhan：不，就高度而言，我没有使用任何固定值。我只在宽度上使用它

已修复！！我在对话框中包含了 iscroll。暂时去掉了iscroll。现在它的工作。

【参考方案1】：

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

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

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