图片在盒子内等比展示不变形

Posted 2022-12-15 仲夏の梦

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片在盒子内等比展示不变形相关的知识，希望对你有一定的参考价值。

通过这个属性 object-fit: cover;，使用场景如下

.fatherBox  //父盒子要有宽高
  width: 240px;
  height: 240px;
  .sonBox  //子盒子
    width:100%;
    height:100%;
    object-fit: cover;

以上是关于图片在盒子内等比展示不变形的主要内容，如果未能解决你的问题，请参考以下文章