Html 如何根据屏幕大小调整表格宽度

我正在处理这个页面，它在模态体中包含一个表

我工作的屏幕是22英寸，桌子在上面看起来很完美。但当我在笔记本电脑Macbook 13英寸上看到它时，桌子延伸到屏幕的宽度。如何自动调整大小？

---------------
---------------
---------------
----------------
----------------
----------------

使用百分比指定所需的宽度

您可以使用

最大宽度

而不是

宽度

来获得1600px的最大大小
对于较小的屏幕，它可以达到100%

PS：或者是否定义了最小宽度？其他桌子呢？是否确实需要表布局属性

<div class="modal-body"
    style="width: 1600px; margin: 0 auto; overflow: hidden;">
    <loading></loading>
    <span us-spinner="{radius:30, width:8, length: 16}"
        spinner-key="spinner-1"></span>

    <div class="panel-group" id="accordion">
        <div class="panel panel-default"
            data-ng-repeat="(spec,value) in audit | orderBy: 'specification' | groupBy: 'specification' ">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <b> <a data-toggle="collapse" data-parent="#accordion"
                        href="#{{$index+1}}-{{value.id}}" target="_self"
                        style="color: black">{{spec}}</a>
                        <button class="btn btn-xs btn-link" ng-click="details(value)">
                            <i class="fa fa-info-circle" aria-hidden="true"></i>
                        </button>
                    </b>
                </h4>
            </div>
            <div id="{{$index+1}}-{{value.id}}" class="panel-collapse collapse">
                <div class="panel-body">
                    <table class="table" style="table-layout: fixed; width: 100%">
                        <thead>
                            <tr>
                                ---------------
                                ---------------
                                ---------------
                            </tr>
                        </thead>
                        <tbody>
                            <tr data-ng-repeat="val in value track by $index">
                                ----------------
                                ----------------
                                ----------------
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>