我在Android手机上遇到Chrome问题，我的网页上100％宽度和高度的元素超出了视口？
在Android浏览器，Android版Firefox，Chrome，Firefox和桌面版IE上似乎没有问题。
链接到我的网站：https://www.codesmite.com
如果您将页面缩小到移动尺寸，您会看到侧边栏菜单隐藏在屏幕外，并出现一个菜单按钮将其恢复原状。单击菜单按钮时，侧边栏将转换为100％宽度和高度，内容将从屏幕向右移动。我有溢出：隐藏所以内容不应该拉伸它包装，而是离开视口，这是有效的。
出于某种原因，在Chrome for Android中，元素的100％高度一直到达页面底部（如果向下滚动，菜单项将消失，它不再被修复）。宽度还会超出视口宽度延伸到所有溢出内容的边缘？
我无法解决造成这种情况的原因吗？
答案 0 :(得分：0)
On your <div id='content'> you have
@media only screen and (max-width: 749px), screen and (max-height: 549px)
global.min.css:1#header:target~#content {
left: 100%;
Delete left: 100%; and will work;
Or add CSS: div#content{display:none;} when you open menu, both works for me.