提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
例如:在h5
页面布局中我们会遇到图片自适应的问题,接下来我给大家简单写下代码
代码
页面布局
<div class="imgBox">
<img src="xxx.jpg"/>
</div>
css部分
.imgBox{
width: 200px;
height: 200px;
}
img {
width:100%;
height:100%;
object-fit: cover;
}
object-fit: cover;是为了防止图片挤压,图片居中显示,多余的会被裁剪
总结
初出茅庐,多多指教!