图片显示不变形

原创
2019/11/29 16:39
阅读数 32

设置图片变形解决

    <style>
		.test_img{
			width: 500px;
			height: 500px;
			border: 1px solid #000;
			margin-top: 5px;
		}
		img{
			width:100%;
			height: 100%;
			object-fit:cover;
		}
	</style>
	<div class="test_img">
		<img src="${ctxStatic}/images/wuyu.jpg">
	</div>



        //也可以写成这种的
        img{
			width:100px;
			height: 100px;
			object-fit:cover;
		}

关键的是object-fit:cover;属性

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部