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