我想强制浏览器将虚拟视口设置为固定值。 通常,响应式页面中的元视口看起来像:
<meta name="viewport" content="width=device-width, initial-scale=1">
我找到了将宽度设置为固定值的解决方案:
<meta name="viewport" content="width=1200px">
但遗憾的是,它仅适用于chrome。我想要的是宽度低于1200我想打开缩放功能。
有人知道其他任何技巧吗?
修改
实际上问题是,我使用bootstrap管理几乎所有布局以实现响应。但客户决定,他不希望此页面响应,但无论设备宽度如何都要固定宽度,并在需要时切换水平和垂直滚动条。
我正在寻找的是一个非常容易的解决方案,在没有修改样式的情况下做到这一点。
答案 0 :(得分:0)
在jQuery中尝试一下:
if(screen.width < 1200){
$("meta[name=viewport]").attr("content", "width=device-width, initial-scale=1, user-scalable=yes");
}