提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

例如：在h5页面布局中我们会遇到图片自适应的问题，接下来我给大家简单写下代码

代码

页面布局

<div class="imgBox">
    <img src="xxx.jpg"/>
</div>
1
2
3

css部分

.imgBox{
   width: 200px;
   height: 200px;
}
img {
  width:100%;
  height:100%;
  object-fit: cover;
}
1
2
3
4
5
6
7
8
9

object-fit: cover;是为了防止图片挤压，图片居中显示，多余的会被裁剪

总结

初出茅庐，多多指教！