使用 javascript 设置 CSS @Media min-width 值

【问题标题】：Set CSS @Media min-width value with javascript使用 javascript 设置 CSS @Media min-width 值
【发布时间】：2014-06-19 18:31:25
【问题描述】：

我在我的网站上使用 bootstrap 3.0，并在 CSS 中使用 @media 查询来创建响应式设计。我想添加一个按钮，允许手机上的人查看网站，就像他们在更大的桌面屏幕上看到的一样。

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

【问题讨论】：

【解决方案1】：

您可以操作元视口标签以使用特定的像素尺寸，jQuery 的示例如下所示：

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

如果您希望屏幕在可视区域内呈现 1280 像素。

【讨论】：

【解决方案2】：

您将按照这些步骤进行操作

1)将此元标记添加到您的html页面inside的head标记

<meta name="viewport" content="width=device-width; initial-scale=0.95;" />

2)在每个 .class 的 css 文件中，您可以执行此操作

    @media(max-width:1280px){
       .abc{ width:100%;}
    }

尝试这些步骤。你可以解决你的问题

【讨论】：