Question

我有一张图片，单击该图片会打开另一张图片的CSS js模式框。现在盒子太小了。如何编辑显示的图形的宽度？

http://www.awastudios.net（单击漫画封面之一）

我尝试编辑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％，但没有任何变化。

我已经在浏览器（ctrlF5）上进行了硬刷新，但这无济于事。

任何帮助将不胜感激！谢谢。

Answer 1

如果我理解u，则希望将模态做得更大一些，然后添加HTMl div class =“ reveal creator-modal” width：100％

.creator-modal {
    background: #20212a;
    border: 1px solid #3f4150;
    padding: 0;
    max-width: 750px; /* up to 750px */
}

<div class="reveal creator-modal" id="fightgirls" data-reveal="" role="dialog" aria-hidden="false" data-yeti-box="fightgirls" data-resize="fightgirls" data-n="xyhm2h-n" style="display: block; top: 37px; width: 100%;" tabindex="-1">
      <img src="assets/img/creators/fightgirls.jpg" alt="Frank Cho">
      <button class="close-button" data-close="" aria-label="Close modal" type="button">
        <span aria-hidden="true">×</span>
      </button>
    </div>

如何更改CSS模式框的图形显示宽度？

1 个答案: