如何用css控制图片大小,超过高度或宽度时候,按比例缩放

类似于百度步骤里面的图片,不管你上传多大的图片,超过一定范围后,它自动按比例缩放

阅读 20k
3 个回答

给图片设置max-width和max-height属性,宽度和高度都是自适应。

  1. 只设置img的宽/高,则图片会根据设置的宽/高等比例缩放。
  2. 如果需要限定在一个盒子里,并让图片缩放显示则可以给盒子宽高。然后设置图片的宽高为100%。
<div style="width:150px;height:150px">
<img src="demo.png" style="width:100%;height:100%">
</div>

设置img标签的style样式 height高度等于父元素的高度就会等比例缩放
<img src='src' style='height:100%;'>

推荐问题