10

我不希望我的应用程序调整大小并响应低于给定宽度的大小......比如 600 像素。

body { min-width: 600px }由于媒体查询, 我不能只在 Bootstrap 中做。

我能做些什么呢?

4

3 回答 3

4

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

尝试这个:

<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>

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

于 2013-11-05T21:32:54.893 回答
1

您是否看到 BS 文档中的禁用响应部分:http: //getbootstrap.com/getting-started/#disable-responsive

也许你可以做这样的事情:

http://bootply.com/92061

于 2013-11-05T23:43:34.140 回答
0

尝试使用不同的媒体查询大小重新编译引导程序。如果您没有在项目中使用 less,请尝试使用他们的自定义页面

例如,如果你想将你的 body 设置为 600px 的最小宽度,但仍然会破坏大屏幕的响应能力。

  1. 编译引导程序

    @screen-xs: 0px;
    @screen-sm: 1px;
    
  2. 将此添加到您的 css 文件中

    body {
        min-width: 600px;
    }
    
于 2017-02-04T00:44:20.957 回答