bulma缩放图像到容器

bulma缩放图像到容器,bulma,Bulma,我遵循文档示例,将其放在媒体对象中: <figure class="image is-128x128"> <img src="https://bulma.io/images/placeholders/128x128.png"> </figure> 我使用它作为卡的一部分来显示多个元素 问题是,当上传的图像不是平方(意味着比率不是1:1)时,图像溢出容器,从而破坏了布局 在bulma中有什么方法可以解决这个问题吗?如果您给标记类“是正方形的”,这可能会

我遵循文档示例,将其放在
媒体
对象中:

<figure class="image is-128x128">
  <img src="https://bulma.io/images/placeholders/128x128.png">
</figure>

我使用它作为
卡的一部分来显示多个元素

问题是,当上传的图像不是平方(意味着比率不是1:1)时,图像溢出容器,从而破坏了布局

在bulma中有什么方法可以解决这个问题吗?

如果您给
标记类“是正方形的”,这可能会解决您的问题

它将容器缩放到图像的大小,但另一方面,由于比例的原因,图像看起来不太好

<figure class="image is-128x128 is-square">
  <img src="https://bulma.io/images/placeholders/128x128.png">
</figure>


您能解决这个问题吗?不,我必须编写CSS以强制图像达到该大小。