Android上的Chrome 100％高度和宽度超过视口？

Question

我在使用 Android 手机上的 Chrome 时遇到问题，我的网页上 100% 宽度和高度的元素超出了视口？

在 Android 浏览器、Android 版 Firefox、Chrome、Firefox 和桌面版 IE 上似乎没有问题。

链接到我的网站：https://www.codesmite.com

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

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

我不知道是什么原因造成的？

Answer 1

在您的<div id='content'> 上，您有
@media only screen and (max-width: 749px), screen and (max-height: 549px) global.min.css:1#header:target~#content { left: 100%;
删除left: 100%; 即可；

或者在打开菜单时添加 CSS：div#content{display:none;}，两者都对我有用。