flex如何缩放图片或者元素?缩放属性到底怎么理解才对?

Question

如图,我对一个item 设置了缩放属性,但是没什么用,item 立面的内容还是超出了边界.....然后我对里面各个元素都试着用了下这个属性,但是还是没用,于是迷糊了,这个缩放到底应该怎么用?怎么理解?我想要内容可以随着浏览器大小响应变化,保持沾满整个行

<a class="vc-item vc-item-cell" href="javascript:;">
  <a href="javascript:;" class="vc-item" style="flex-shrink:1;">
  <div class="vc-myitem-media">
  <a target="_black" href="https://item.taobao.com/item.htm?&amp;id=45178076109"><img src="http://img4.tbcdn.cn/tfscom/i4/TB11blKLXXXXXbEXVXXXXXXXXXX_!!0-item_pic.jpg_150x150.jpg" lazy="loaded"></a>
</div>
          <div class="vc-item-content" style="justify-content: flex-start;">
  <div class="vc-item-title-row">
  <div class="vc-item-title">
  925银十二星座项链女日韩国短款锁骨链简约甜美配饰生日礼物吊坠
</div>
              <div class="vc-item-title-after">
  2014-12-23
</div>
</div>
            <div class="vc-item-sub-title">
  
              新品特惠
            
</div>
            <div class="vc-item-text">
  
              39
            
</div>
                <div class="vc-buttons-row" style="width: 100%;">
  <a href="javascript:;" class="vc-button vc-button-fill vc-button-raised color-amber">
  黄色
  <div class="vc-ripple-ink"></div>
</a>
                  <a href="javascript:;" class="vc-button vc-button-fill vc-button-raised color-blue">
  蓝色
  <div class="vc-ripple-ink"></div>
</a>
</div>
</div>
  
</a>
  
</a>

Answer 1

flex布局中，默认flex-shrink就是1，即flex容器空间不足时，等比例压缩。

有可供访问的外网地址吗？