【HTML-CSS】解决不确定图像尺寸时的图像大小适配问题

.container{
  
  width:200px;

  height:300px;
}

.container img{

  max-width: 90%;

  max-height: 90%;

}

可以确保在不确定图片大小的情况下,根据container的宽高约束展示按图像原比例缩放显示。

你可能感兴趣的:(前端开发记录,前端,css,图像显示)