前端图片自适应各手机,但是好像没用

 

 

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

 

检查下是否有边距先。这里的100%是继承父元素的宽高,也要看下父元素的盒子是啥情况。

居中

直接width:100%;height:100%;不行吗

p{text-align:center;}

p img{text-align:center;margin:0 auto; width:80%;height:auto; display:inline-block;}