Question

我正在使用Remantic JS的Semantic-UI。

这是我最顶级的HTML：

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

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

正如您所看到的，我正在使用流体ui容器，这意味着我希望容器与浏览器一样宽.... 这适用于更大的浏览器大小。但是，出于某种原因，如果我减小浏览器的大小，在某个断点处容器会自动获得两边的边距。

这是什么原因以及如何解决这个问题，以便它始终与浏览器一样宽？

非常感谢。

Answer 1

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();
    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) && (elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

这使它对我有用....

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

1 个答案: