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