图像大小以适合固定大小的 div

新手上路,请多包涵

我有 div width:60px 尺寸 height:45px 3db8ed60d0fa835cb3d49b0ff66349 div 这个 div 用来显示客户上传的图片。我想给出图像的尺寸,以便上传的图像完全适合给定的 div。我需要提供优化的尺寸,以便图像在 div 中看起来不错。第一个逻辑我试图给图像提供 45 x 60、90 x 120 之类的图像。解决这个问题的正确方法是什么。请指导。提前致谢。

原文由 user3738016 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 259
1 个回答
 div {
  width: 160px;
  height: 145px;
  overflow: hidden;
  border: 1px solid black;
}

div img {
    width: 100%;
    min-height: 100%;
}
 <div>
<img src="https://i.stack.imgur.com/aFYTl.jpg?s=328&g=1"/>
</div>

原文由 Pedram 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题