<p class="image-container">
<img src="xxx.png">
</p>
CSS:
p.image-container {
width: 100%;
height: 0;
padding-bottom: 60%;
overflow: hidden;
}
p.image-container img {
width: 100%;
}
这样做图片保持原比例,但只显示上方 40%。
<p class="image-container">
<img src="xxx.png">
</p>
CSS:
p.image-container {
width: 100%;
height: 0;
padding-bottom: 60%;
overflow: hidden;
}
p.image-container img {
width: 100%;
}
这样做图片保持原比例,但只显示上方 40%。