【问题标题】:Turn off responsiveness - turn on zooming in browser关闭响应能力 - 在浏览器中打开缩放
【发布时间】:2016-12-22 20:11:04
【问题描述】:

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

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

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

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

但不幸的是,它只在 chrome 中运行良好。我想要的是宽度低于 1200 我想打开缩放功能。

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

编辑

实际上问题是,我使用引导程序管理了几乎所有布局以实现响应能力。但客户决定,他不希望此页面具有响应性,而是固定宽度而不考虑设备宽度,并在需要时切换水平和垂直滚动条。

我正在寻找的是一个非常简单的解决方法,无需修改样式即可完成此操作。

【问题讨论】:

  • warning! opinion ahead! 通过适当的设计,您应该使用@media queries 解决此问题,以显示专门针对屏幕尺寸/类型的页面。例如。通过使用更大的字体或为特定的屏幕尺寸/类型呈现专门设计的视图。如果您的访问者倾向于使用缩放功能,则应该修改(ui-)设计。
  • 通常我使用@media 和所有这些响应式的东西,但这不是我想要的。

标签: html css


【解决方案1】:

在 jQuery 中尝试一下:

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

【讨论】:

  • 这与我想要获得的相反。相反,我想关闭响应能力,当screen.width &lt; 1200 启用它
猜你喜欢
  • 1970-01-01
  • 2017-04-29
  • 2020-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-05-02
  • 2017-09-10
  • 2022-08-23
相关资源
最近更新 更多