我想出了一个纯CSS解决方案！不过它是css3，这表示不支持ie8或更低版本，但除此之外，它已经过测试并可以在ios，android，ie9+，chrome，firefox，桌面浏览器上使用。
我正在使用以下CSS：
.modal-dialog { position:absolute; top:50% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%; height:80%;}.modal-content { min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; }.modal-body { position:absolute; top:45px; bottom:45px; left:0; right:0; overflow-y:auto;}.modal-footer { position:absolute; bottom:0; left:0; right:0;}..选择此为正确答案，因为在使用多个模式时，没有多余的Javascript会使浏览器屈服。
