css - Semantic-UI 容器在某些断点处自动获取边距

标签 css reactjs semantic-ui

我正在使用带有 React JS 的语义 UI。

这是我最顶层的 html:

<head>
  <title>Title</title>
</head>

<body>
  <div id="render-target" class="ui fluid container"></div>
</body>

如您所见,我使用的是流畅的 UI 容器,这意味着我希望容器与浏览器一样宽...... 这适用于更大的浏览器尺寸。 但是,出于某种原因,如果我减小浏览器的大小,在某个断点处容器会自动在两侧获得一些边距。

这是什么原因?我该如何解决这个问题,使其始终与浏览器一样宽?

非常感谢。

最佳答案

.ui.fluid.container {
    margin-left: 0 !important;
    margin-right: 0 !important;

}

这使它对我有用......

关于css - Semantic-UI 容器在某些断点处自动获取边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33064967/

相关文章:

jquery - 在 jQuery UI 向左滑动动画期间使 UL 内联

html - 使用内部链接 CSS 的链接格式

css - 如何在手机 (iphone) 上全屏显示我的网站

javascript - 使用 redux 操作获取数据

jquery - 将 Semantic UI 和 jQuery 与 Webpack 结合使用

html - 为什么我不能让我的 <a href> 链接在 BS 导航标签的标签内容中转到 "inline"?

javascript - 在 div 中动态插入 React 组件

javascript - Bootstrap 4 : Modal won't show on my react app

git - .gitignore 中的语义 UI

javascript - 我在使用语义 ui react 下拉列表时得到 `Uncaught TypeError: _this.ref.querySelector is not a function`