如何调整溢出容器的用户上传图像的大小？

Question

我有一个容器，用户可以在其中输入自己的文本和图像。当我在移动设备上查看它时，文本会调整大小，但如果有图像，它会溢出容器。我知道我可以使用溢出属性滚动或裁剪图像，但有没有办法调整移动屏幕的图像大小？

我的代码如下：

    <div class="container">
           {{ editable_field("page-body-text", "Page Body Text", "text", "froala", "Insert text or image") }}
    </div>

谢谢！

Answer 1

像这样使用：

<div class="container">
     <img class="image" ... />
</div>

.image{
    max-width : 100%
}