如何更改css模式框图形显示宽度?

如何更改css模式框图形显示宽度?,css,Css,我有一张图片,点击后会打开另一张图片的css js模式框。现在这个盒子太小了。如何编辑显示的图形的宽度 (单击其中一个漫画书封面) 我试图编辑css代码(app.css),但没有任何改变 .creator-modal { background:#20212a; border:1px solid #3f4150; padding:0; max-width:700px; } @media screen and (max-width:63.99875em) {

我有一张图片,点击后会打开另一张图片的css js模式框。现在这个盒子太小了。如何编辑显示的图形的宽度

(单击其中一个漫画书封面)

我试图编辑css代码(app.css),但没有任何改变

.creator-modal {
    background:#20212a;
    border:1px solid #3f4150;
    padding:0;
    max-width:700px;
}
@media screen and (max-width:63.99875em) {
    .creator-modal{
        max-width:95%;
        min-height:inherit;
        height:auto;
        margin:auto;
    }
}
.reveal-overlay{
    background-color:rgba(0,0,0,.45);
}
.regular-modal{
    padding:15px;
    font-size:14px;
    background:#20212a;
    border:1px solid #3f4150;
}
我将最大宽度从700px更改为1500px和80%,但没有任何变化

.creator-modal {
    background:#20212a;
    border:1px solid #3f4150;
    padding:0;
    max-width:700px;
}
@media screen and (max-width:63.99875em) {
    .creator-modal{
        max-width:95%;
        min-height:inherit;
        height:auto;
        margin:auto;
    }
}
.reveal-overlay{
    background-color:rgba(0,0,0,.45);
}
.regular-modal{
    padding:15px;
    font-size:14px;
    background:#20212a;
    border:1px solid #3f4150;
}
我已经在浏览器(ctrlF5)上做了一次硬刷新,但这没有帮助


任何帮助都将不胜感激!谢谢。

如果我理解你,你想让模态更大。没错,添加你的HTMl div class=“启示创建者模态”宽度:100%

.creator模式{
背景:#20212a;
边框:1px实心#3f4150;
填充:0;
最大宽度:750px;/*最大750px*/
}

×

如果我理解你,你想让模态更大没错,加上你的HTMl div class=“启示创建者模态”宽度:100%

.creator模式{
背景:#20212a;
边框:1px实心#3f4150;
填充:0;
最大宽度:750px;/*最大750px*/
}

×

您是否尝试将.creator model的最大宽度设置为100%?您当前已将其设置为700px,这限制了您增加图形的宽度。您是否尝试将.creator model的最大宽度设置为100%?您目前已将其设置为700px,这将限制您增加图形的宽度。