Chrome会放大导航功能

时间:2014-01-31 22:48:24

标签: html css google-chrome responsive-design mobile-chrome

我有一个在手机游戏(iOS)中运行良好的响应式布局,但在Chrome(Android)上发生了一件奇怪的事情:有一个垂直导航,如果我点击一些不在最后的链接导航 - chrome“打开”弹出窗口显示我点击的区域的放大版本,并允许我更精确地选择要点击的链接。

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

由于

1 个答案:

答案 0 :(得分: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上恼人的弹出问题。