Javascript 更改引导3模式宽度以保持响应性

我刚刚读到，您可以通过以下方式更改引导模式宽度：

.modal .modal-dialog { width: 800px; }

但当我这样做时，我失去了模态的默认响应

如何更改宽度，同时保持手机的响应能力

---

只需使用

最大宽度

。它将变得反应迅速-

.modal .modal-dialog { width: 800px; max-width:100%; }

或者，您可以通过媒体查询来完成

@media only screen and (max-width: 480px) {
    .modal .modal-dialog {
        position:relative;
        width:auto;
        margin: 10px;
    }
}

---

只需使用

最大宽度

。它将变得反应迅速-

.modal .modal-dialog { width: 800px; max-width:100%; }

或者，您可以通过媒体查询来完成

@media only screen and (max-width: 480px) {
    .modal .modal-dialog {
        position:relative;
        width:auto;
        margin: 10px;
    }
}

---

这几乎是完美的，但它失去了正确的保证金。你增加了保证金吗？不是真的。设置宽度和最大宽度。我刚刚计算出最大宽度：95%；保持右边距，但我不确定这是否是最好的解决方案。编辑了答案。如果您使用媒体查询。它会很好地工作。这几乎是完美的，但它失去了正确的保证金。你增加了保证金吗？不是真的。设置宽度和最大宽度。我刚刚计算出最大宽度：95%；保持右边距，但我不确定这是否是最好的解决方案。编辑了答案。如果您使用媒体查询。它会很好地工作。