我有一个响应式布局，在移动 safari (iOS) 中效果很好，但在 chrome (Android) 上发生了一件奇怪的事情:有一个垂直导航，如果我点击一些不在末尾的链接导航 - chrome“打开”类似弹出窗口，显示我点击区域的放大版本，并允许我更准确地选择要点击的链接。
- 这种行为叫什么？
- 有没有办法从 HTML/CSS 禁用它？
谢谢
最佳答案
您必须添加此元标记:
<meta name="viewport" content="user-scalable=0, width=<your_width>, minimum-scale=1.0"></meta>
进入<head>页面的一部分。
您必须根据布局进行更改:如果您的页面应根据特定布局/文档尺寸呈现，则必须声明明确的布局宽度(即:width=1024)。
如果您的布局应适应设备屏幕分辨率，则必须设置:
width=device-width .
同样重要的是要强调 user-scalable 的可接受值Android 部分是 [0,1](如果我没记错的话，来自 api 级别 16)，iOS 部分是 [yes, no]。
这修复了 Android Chrome 上烦人的弹出窗口问题。
关于html - Chrome 放大导航，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21491500/