响应式网络上的无响应缩放

时间:2014-09-09 21:27:52

标签: html responsive-design

我正在开发移动版网络,客户端要求我允许缩放。

问题在于,在某些浏览器中(如windows手机的iexplorer或android的浏览器),它可以在不调整窗口大小的情况下进行正常缩放,因此元素只是被视图更大,但在其他浏览器中(Safari on ios或它上面有一个响应"响应"缩放,调整窗口大小并使元素适应新的大小,改变它们的位置。

客户已经看到了这种不一致性,他喜欢第一种变焦,所以他问我是否可以做到这一点"无响应"缩放所有设备上的工作。

我一直在研究如何做,但我没有找到任何关于浏览器制作不同缩放的信息或如何避免第二种缩放。所以,如果有人能解释我的任何事情,我将非常感激。感谢。

1 个答案:

答案 0 :(得分:1)

将其添加到<head>标记内的HTML:

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