我不希望我的应用程序调整大小并响应低于给定宽度的大小......比如 600 像素。
body { min-width: 600px }
由于媒体查询, 我不能只在 Bootstrap 中做。
我能做些什么呢?
我不希望我的应用程序调整大小并响应低于给定宽度的大小......比如 600 像素。
body { min-width: 600px }
由于媒体查询, 我不能只在 Bootstrap 中做。
我能做些什么呢?
您可以随时调整媒体查询。
尝试这个:
<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>
然后重置/编辑/覆盖此媒体查询中的所有其他元素。
您是否看到 BS 文档中的禁用响应部分:http: //getbootstrap.com/getting-started/#disable-responsive
也许你可以做这样的事情:
尝试使用不同的媒体查询大小重新编译引导程序。如果您没有在项目中使用 less,请尝试使用他们的自定义页面。
例如,如果你想将你的 body 设置为 600px 的最小宽度,但仍然会破坏大屏幕的响应能力。
编译引导程序
@screen-xs: 0px;
@screen-sm: 1px;
将此添加到您的 css 文件中
body {
min-width: 600px;
}