html - 关闭响应 - 打开浏览器缩放

Question

我想强制浏览器将虚拟视口(viewport)设置为固定值。 通常，响应式页面中的元视口(viewport)如下所示:

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

我找到了将宽度设置为固定值的解决方案:

<meta name="viewport" content="width=1200px">

但不幸的是，它只适用于 chrome。我想要得到的是宽度低于 1200 我想打开缩放功能。

有没有人知道任何其他技巧来做到这一点？

编辑

实际上问题是，我使用 Bootstrap 管理几乎所有布局以实现响应能力。但是客户决定，他不希望此页面响应，而是不管设备宽度如何都将宽度固定，并在需要时切换水平和垂直滚动条。

我正在寻找的是一个非常简单的变通方案，无需对 hudge 样式进行修改就可以做到这一点。

Answer 1

在 jQuery 中试一试:

if(screen.width < 1200){
    $("meta[name=viewport]").attr("content", "width=device-width, initial-scale=1, user-scalable=yes");
}