Css 语义UI图像自动缩放

Css 语义UI图像自动缩放,css,semantic-ui,Css,Semantic Ui,所以我有一个问题,我认为这与卡片的语义UI处理有关 我喜欢使用html <div class='carousel ui container cards'> <div class='card'> <div class='image'> <img src='http://via.placeholder.com/50x50'> </div> <div class='content'>

所以我有一个问题,我认为这与卡片的语义UI处理有关

我喜欢使用html

<div class='carousel ui container cards'>
  <div class='card'>
    <div class='image'>
      <img src='http://via.placeholder.com/50x50'>
    </div>
    <div class='content'>
      <div class='description'>fdjsnajfdnsjk fjsanskjfn</div>
    </div>
  </div>
</div>

fdjsnajfdnsjk fjsanskjfn

问题是,我的卡的图像是50px x 50px,但语义用户界面似乎将图像放大到290px x 290px。我想知道的是,有没有一种方法可以克服这个问题?或者我应该使用不同的视图组件吗

似乎img样式变得灵活,宽度:100%;把它拿走!您是否尝试过这样定义图像的宽度和高度<代码>
.ui.cards>.card>.image>img
正在将宽度设置为100%