关闭响应能力 - 打开浏览器

时间:2016-12-22 20:11:05

标签: html css

我想强制浏览器将虚拟视口设置为固定值。 通常,响应式页面中的元视口看起来像:

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

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

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

但遗憾的是,它仅适用于chrome。我想要的是宽度低于1200我想打开缩放功能。

有人知道其他任何技巧吗?

修改

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

我正在寻找的是一个非常容易的解决方案,在没有修改样式的情况下做到这一点。

1 个答案:

答案 0 :(得分:0)

在jQuery中尝试一下:

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