0

我需要在 Bootstrap 中禁用响应式布局,但我遇到了一些问题。

我将元标记替换为:

content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"

并将容器中的网格初始化替换为:

.container {
  .container-fixed();

  @media (min-width: 200px) {
    width: @container-lg;
  }

  @media (min-width: @screen-xs-min) {
    width: @container-lg;
  }

  @media (min-width: @screen-sm-min) {
    width: @container-lg;
  }
  @media (min-width: @screen-md-min) {
    width: @container-lg;
  }
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }

  // min-width: 980px !important;
}

但是我在我的代码中看到了一些小显示分辨率的错误:
http ://www.playground.obuh.by/

我做错了什么?

4

1 回答 1

2

来自Bootstrap 关于禁用响应的文档

  1. 省略<meta>CSS 文档中提到的视口
  2. width使用单个宽度覆盖.container每个网格层,例如宽度:970px !important;确保它位于默认 Bootstrap CSS 之后。您可以选择使用媒体查询或某些选择器来避免 !important。
  3. 如果使用导航栏,请删除所有导航栏折叠和展开行为。
  4. 对于网格布局,使用.col-xs-*类来补充或代替中型/大型。别担心,超小的设备网格可以扩展到所有分辨率。

特别要注意#4。如果你只使用col-xs,你仍然可以使用网格布局,但不会看到不同屏幕尺寸的变化。

于 2014-07-02T12:51:40.903 回答