2016-02-11 75 views
0

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

第一张照片是当菜单被隐藏并且屏幕为1.1x时。第二张照片是当菜单显示并且屏幕为1.0x时。 Website with menu hidden. Notice the screen is at 1.1x

Website with menu displayed. The screen is now at 1.0x

+0

我看了你的问题两次,我明白什么:d! – Microsmsm

+0

对不起。基本上,只要点击我的菜单按钮,屏幕就会缩小,我不希望发生这种情况。菜单不够大,无法覆盖屏幕,所以我不知道为什么它会缩小。有没有解决这个问题? –

+0

是屏幕缩小还是页面内容全部被推到左边?我很好奇它实际上是使用CSS缩放还是缩放页面,还是只是推动它看起来像缩放 – Aeolingamenfel

回答

1

确保视口设置正确

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

,并确保您使用zoom:1.1;在CSS

+0

谢谢。我纠正了视口,并改变了我的CSS来解决这个问题。 –