打开弹出菜单时，移动网站会一直缩小

Question

我正在开发一个移动网站，我现在正在测试菜单按钮。每当我点击它时，整个页面都会缩小，但是pup up菜单不够大，不适合屏幕。每当用户点击菜单按钮时，我都不希望页面缩小。我该如何实现这一目标？

第一张照片是隐藏菜单并且屏幕为1.1x时。第二张图是显示菜单并且屏幕为1.0x时。

Answer 1

确保正确设置了视口

<meta name="viewport" content="width=device-width, initial-scale=1.0">

并确保在css中使用zoom:1.1;