如何限制使用框提交的图像大小

Question

您好我使用ckeditor让用户发布图片，但事实是，用户发布的图片大小可能太大。所以我想知道我是否可以使用一些CSS或javascript来隐藏内容（最好是最小化内容，但我不知道如何做到这一点）如果内容太大而不能消失的盒子。 我使用自举面板作为一个盒子

<div class="panel-body">

{{ post.content|safe }}

    </div>

这个帖子。内容太大而不能超出面板体，我应该如何防止外出（隐藏内容）？

Answer 1

尝试在图片上放置最大宽度，如下所示：

.panel-body img {
   max-width: 100%;
}

Answer 2

在容器上使用css .panel-body { overflow:hidden; }隐藏溢出的内容（图片）。

更优雅的解决方案是自动调整图像大小以避免溢出容器宽度。您可以使用

实现此目的

.panel-body img {
    max-width:100%;
}