我怎样才能拥有与引导板体相同的高度和宽度？

Question

我显示来自服务器的日志始终如一，所以我已经修复了具有ng-repeat指令的div的高度和宽度，因此我可以在屏幕上实现滚动条。现在的问题是在不同的屏幕分辨率上固定的高度和宽度是从引导程序.panel-body关闭的。即使屏幕分辨率发生变化，我如何才能拥有与div的panel-body相同的高度和宽度？

main.html中

<div class="panel-body">
                <div class="display-logs" scroll-bottom="event">
                    <ul style="list-style: none;">
                        <li ng-repeat="message in event track by $index" ng-class="{lastItem: $last}"><span><strong>Log:</strong></span><span>{{message}}</span></li>
                    </ul>
                </div>
            </div>

的main.css

.display-logs {
    height: 530px;
    width: 1075px;
    overflow: scroll;
}

Answer 1

您可以使用视口高度和视口宽度属性。

.display-logs {
  height: 100vh;
  width: 100vw;
  overflow-y: scroll;
}