Question

我不希望我的应用调整大小并响应低于给定宽度的尺寸...比如600px。

由于媒体查询，我不能在Bootstrap中执行body { min-width: 600px }。

我该怎么做？

Answer 1

您可以随时调整媒体查询。

试试这个：

<head>
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<style>
@media (max-width: 600px) {
body {background:#c00;min-width:600px;}
}
</style>
</head>
<body>
<h1>Hello, world!</h1>
</body>

然后重置/编辑/覆盖此媒体查询中的所有其他元素。

Answer 2

您是否在BS文档中看到了停用响应能力部分：http://getbootstrap.com/getting-started/#disable-responsive

也许你可以这样做：

http://bootply.com/92061

Answer 3

尝试使用不同的媒体查询大小重新编译引导程序。如果您未在项目中使用较少，请尝试使用他们的customize page。

例如，如果您想要设置最小宽度为600px的身体，并仍然反映较大屏幕的响应性。

使用
编译bootstrap
```
@screen-xs: 0px;
@screen-sm: 1px;
```
将此添加到您的css文件
```
body {
    min-width: 600px;
}
```

限制Bootstrap 3中的主体（最小宽度）宽度

3 个答案: