css - 图片不缩放，高度不变，直接按照Window的宽度裁剪

问题描述

问 题

banner3.jpg分辨率是1920*585，
<img src="images/banner3.jpg " style="width: 100%;height: 585px">
当window不够宽的时候，图片裁掉多余的。

解决方案

把img的style清了。
img外面套一层div，div的width设为100%，overflow-x设为hidden。

这篇关于css - 图片不缩放，高度不变，直接按照Window的宽度裁剪的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！