0

我有一个响应式布局，在移动 safari (iOS) 中效果很好，但在 chrome (Android) 上发生了一件奇怪的事情：有一个垂直导航，如果我点击一些不在导航末尾的链接- chrome“打开”某种弹出窗口，显示我单击的区域的放大版本，并允许我更精确地选择要单击的链接。

  • 这种行为叫什么？
  • 有没有办法从 HTML/CSS 禁用它？

谢谢

4

1 回答 1

0

您必须添加此元标记：

<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 上恼人的弹出问题。

于 2014-02-20T16:45:40.103 回答