html - 打开弹出菜单时,移动网站不断缩小

标签 html css

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

第一张图是隐藏菜单时的画面,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

最佳答案

确保视口(viewport)设置正确

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

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

关于html - 打开弹出菜单时,移动网站不断缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35347790/

相关文章:

javascript - 如何在我的网页上模拟 10 次或 100 次点击

javascript - 通过单击链接从数据库加载

javascript - 中心 .css 按钮,显示 javascript Content Locker 和显示 java Alert onClick

c# - 如何重新打开纯 CSS3 模态对话框

JavaScript 追加变得疯狂

html - 谷歌折线图中的图例图标宽度变化

php - 禁用 php 中的 html 元素(如果存在)

html - 我认为链接 div id 在 html 位置不起作用

javascript - 为动态对象添加类名

html - Bootstrap 4 导航栏切换按钮在向导航栏品牌添加 Logo 后在小屏幕上移至新行