Firefox和Chrome中的bootstrap模式不同高度

Question

模式元素的高度在Firefox和Chrome中具有不同的高度

 <div class="modal fade test1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-backdrop="static" data-keyboard="false" id="myModalTest">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div id="q"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-lg timer" id="timer">20</button>
                <button type="button" class="btn btn-primary btn-lg" data-dismiss="modal" id="continue">Continue</button>
            </div>
        </div>
    </div>
</div>

在Firefox中，.modal-dialog的高度为419像素，.modal-content的高度为417像素（边框为1像素）。

Chrome .modal-dialog为459px，.modal-content为457px（边框为1px）。

设置max-height无效，因为.modal-footer已退出模式。

https://jsfiddle.net/qLcopxsb/