Question

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

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

Answer 1

您可以操纵元视口标记以使用特定的像素维度，jQuery的示例如下所示：

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

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

Answer 2

您将按照以下步骤操作

1）将此元标记添加到 html 页面标题

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

2）在每个.class的css文件中你都可以做到这一点

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

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