javascript - 使用 javascript 设置 CSS @Media 最小宽度值

Question

我正在为我的网站使用 bootstrap 3.0，我在 CSS 中使用 @media 查询来创建响应式设计。我想添加一个按钮，让手机上的人可以像在更大的桌面屏幕上看到的那样查看网站。

有没有办法强制 CSS 认为最大宽度/最小宽度是特定大小？我不想实际显示滚动条，只是更改应用的规则以匹配更大屏幕尺寸显示的内容。

Answer 1

您可以操纵元视口(viewport)标记以使用特定的像素尺寸，jQuery 的示例如下所示:

$('meta[name="viewport"]').attr("content", "width=1280")

如果您希望屏幕将 1280 像素渲染到可视区域。