如何让图片在可拖动容器内保持自适应且不变形？

发布日期： 2024-10-29 阅读量： 作者： 网络

根据容器大小自适应图片

当容器的大小可以任意拖动时，如何保持容器中的图片始终保持在容器内且不变形？

实现方式

img {
  // width: 100%;
  // height: auto;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  position: absolute;
  inset: 20px;
  margin: auto;
}

上一篇: 如何在 WordPress 中发布帖子时自动添加自定义字段

下一篇: 如何在 WordPress 中显示 Twitter 关注者数

如何让图片在可拖动容器内保持自适应且不变形？

随便看看