Boostrap模态宽度不适用于响应主题

请不要删除或关闭此问题，经过整整三天的搜索，我在此处提出了我的问题。

我的响应式网站有很多模式可以显示数据块。该模式可以在浏览器和小型设备上使用默认宽度正常工作。

当我用％（百分比）增加浏览器的模式宽度时，它仅在浏览器中能正常工作。但是在手机和其他设备上无法正确显示。

我尝试了最小宽度等百分比，但没有运气..也有boostrap modal文档没有关于大小的信息。只有一个大大小小的尺寸不符合我的要求。

其次，我将使用JS代码的模态设置为：

$(".modal-body").html("Loading...");
        $(".modal-body").load("fdeed.php");
        $("#modal_appointments").modal();
        $('#modal_appointments').modal('show');

请帮我改变宽度，以便在所有设备上都能正常使用。任何帮助都将受到高度赞赏。谢谢你。