移动菜单在HTML中放大整个网站

Question

我正在创建我的第一个网站。

我在用手机菜单工作。当我点击它时，我想让它向右平移。它工作得很好。

问题是，当它正确的时候，它扩大了整个网站，我甚至尝试使用overflow:hidden，但它不起作用。在其他工具中，我也尝试过制作display:none，但它也不起作用。

在这里你可以看到问题：

​

​

有人能帮帮忙吗？Here is the link去回收站。

Answer 1

简单的解决方法是在带有840px断点的.page-nav上将transform: translateX(170px);更改为transform: translateY(-400px);。这就是问题的来源。

Answer 2

我认为这可能是浏览器触发的缩放。我可以看到您正在模拟移动视图。这可能就是它发生的原因。我从来没有试过，但我找到了像这样的-> How to stop chrome responsive inspector from changing the zoom?

看一看:)