Android上的Chrome 100%的高度和宽度比视口大？

我在android手机上的Chrome浏览器有问题，我的网页上的一个元素100%的宽度和高度超出了视口

在Android浏览器、Firefox for Android、Chrome、Firefox和IE桌面上，它似乎可以正常工作

链接到我的网站：

如果将页面缩小到移动大小，您将看到侧边栏菜单隐藏在屏幕外，并出现一个菜单按钮将其恢复。单击菜单按钮时，侧边栏将转换为100%宽度和高度，内容将从屏幕向右转换。我有overflow:hidden，所以内容不应该拉伸它，而是离开视口，这是可行的

由于某些原因，在Chrome For Android上，元素的100%高度一直延伸到页面底部（如果向下滚动菜单项消失，它不再是固定的）。宽度也超出视口宽度延伸到所有溢出内容的边缘

我搞不清楚是什么原因造成的？

在你的

上，你有
@仅介质屏幕和（最大宽度：749px）、屏幕和（最大高度：549px） global.min.css:1#标题：target~#内容{

左：100%；

删除

左侧：100%；

并将正常工作； 或者添加CSS:

div#content{display:none；}

当您打开菜单时，这两个功能对我都有效。

在您的

上您有
@仅介质屏幕和（最大宽度：749px）、屏幕和（最大高度：549px） global.min.css:1#标题：target~#内容{

左：100%；

删除

左侧：100%；

并将正常工作；

---

或者添加CSS:

div#content{display:none；}

当你打开菜单时，这两个选项对我都有效。

为什么在Chrome for Mobile上会出现这种情况而其他什么都没有？overflow在Chrome for Mobile上不起作用吗？overflow只是隐藏你的滚动条，如果你的页面比窗口大，则会隐藏滚动条，但页面仍然比窗口大。为什么Chrome for Mobile和n上会出现这种情况Other？overflow在Chrome for Mobile中不起作用吗？overflow只是隐藏你的滚动条，如果你的页面比窗口大，则会隐藏滚动条，但页面仍然比窗口大