图像被剪切而不是缩放

Question

我插入了带有img标签的图片，＆amp;我用CSS设计它。改变宽度和宽度图像的高度只能将其降低，＆amp;我丢失了部分图像。我也尝试在photoshop中缩小图像，这在页面上没有任何改变。如何缩小图像？

在这里小提琴：http://jsfiddle。净/＃运行＆安培; togetherjs = gRmfnlL7By

Answer 1

您可以将图像保持原始大小，或以任何宽度调整大小：

here's a Fiddle

<div id="featured">
<img class="box1" src="http://i.imgur.com/okaRdo8.png" />
</div>


#featured {
display:inline-block;
}

#featured .box1 {
    width:auto; /*or whatever width*/
}