Question

我正在尝试使用类似于标记为“设计”，“开发”等的重复对象创建一个组件。in this example。我希望它以与这些相同的方式响应窗口高度（请注意，当您垂直缩小页面时，页脚也会上升）。基本上，可滚动部分（可能是md-content？）需要响应。

这是我目前的总体布局：jsfiddle。

    <body>
      <div class="header">My nav bar</div>
        <div class="wrapper">
          <div class="myfeed">
            <div class="feed-header">Feed header</div>
            <div class="feed-content">
              <div class="item">item 1</div>
              <div class="item">item 2</div>
              <div class="item">item 3</div>
              <div class="item">item 4</div>
              <div class="item">item 5</div>
              <div class="item">item 6</div>
            </div>
          </div>
        </div>
      </body>

有什么想法吗？

Answer 1

你可以尝试：

.item {
  background-color: yellow;
  height:8vh;
  margin-top:5px;
}

您需要根据元素数量更改height: 8vh。

Angular Material响应式可滚动div

1 个答案: