我们在使用css 控制div或者class中图片自适应大小的方法:
1、图片与div或者class同样缩放大小,高度自动:
<img src="/file/LFI 2018.jpg" style="width:100%; height: auto;"/>
以上可以解决图片在页面中宽度统一,并且还能解决图片在 手机、平板、pc 端 显示自适应的问题。
2、图片大小不超出宽度制定值,高度自动:
<img src="/file/LFI 2018.jpg" style="width:100%; max-width:500px; height: auto;"/>
以上可以解决图片在已知知div或者class中 最大宽度 500px 定义后不会让css页面框架变形。