前端图片有什么办法自适应各手机

急急急急急急急急急急急急急急急急急急急急急急急急急急急各位大佬前端图片有什么办法自适应各手机

<style>
.img{max-width:100%;display:block;margin:0 auto}
</style>
<img class="img" src="https://img-ask.csdnimg.cn/upload/1620351611562.png"/>

百分比布局，img宽高都用百分比

一般用px做单位。 自适应手机，就用百分比，或者用rem做单位 但是CSS中没有计算的能力，但less中可以做计算，所以用less方便

前端采取弹性布局。