<!--
我们将img css样式宽度设置为100%
height为自动。 将overflow设置为hidden;
imgbox不要给高度,设置为overflow:auto。图像就不再失真
请根据页面合理使用。。
-->
<style>
.imgbox{overflow:auto;}
.imgbox img{width:100%; height:auto;overflow: hidden;}
</style>
<div id = "imgbox">
<img src="./img/product.png">
</div>
前端小知识----如何100%宽度显示图片,高度自动不失真
最新推荐文章于 2024-05-22 14:34:14 发布