更改分辨率时banner图片变形解决方案

2024年5月18日 205次阅读 来源: 「已注销」
1.父级宽度100%随分辨率自适应并设置超出隐藏
.banner{
	width:100%;
	position:relative;
	overflow:hidden
}
2.子级图片宽高固定并定位居中
.banner img{
	width:1920px;
	height:240px;
	position:absolute;
	left:50%;
	margin-left:-960px;
}

这样在更改分辨率时图片不断调整位置居中就不会变形了

    原文作者：「已注销」
    原文地址: https://blog.csdn.net/qq_43693588/article/details/103379840
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞