如何調整溢出容器的用戶上傳圖像的大小？

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% 
}