好的，问题是，我的应用程序允许用户插入任何图像。由他们决定插入很大或很长的图像。但是当我租用图像时我想要width="50px" and height="100px".
好吧，如果我这样做的话
.myImage{
width:50px;
height:100px;
}
那么图像可能会因为比例不准确而扭曲。所以，这就是我的想法。首先我想要图像有width:50px那么如果height>100px，然后 CSS 会修剪掉底部。
好的，让我们看这个例子，用户插入了一张大图像width=150px and height=600px。所以如果我将宽度减小到50px，高度将为200px。我想剪切图像的底部，这样它就只显示(w: 50px, h: 100px)看图片：
那么如何做到这一点呢？
1) 修剪图像<div> and overflow:hidden:
div.trim {
max-height:100px;
max-width: 50px;
overflow: hidden;
}
<div class="trim"><img src="veryBigImage.png"/></div>
2) Use max-width: 50px; and max-height: 100px对于图像本身。所以图像将保留它的尺寸
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
