Blockquote图标似乎没有更大的宽度

Question

我试图将css编辑到我的页面，更具体的我的blockquote图标似乎不对。 为了显示100％的高度，我必须至少记下2行blockquote。否则，它会显示50％的图标。以下是示例http://jsfiddle.net/pbdy08bn

如果拖动结果窗口以获取一行注释，则图标显示为一半。 2线以上很好。

有人可以帮忙吗？

提前致谢。

块引用的css在这里

.blockquote{line-height:1.3em;font-style:italic}
.blockquote{margin: 15px 30px 0 10px;
padding-left: 60px;
background: url('http://4.bp.blogspot.com/_8tkQy1JVYgQ/S5y1DkIn5mI/AAAAAAAAAx4/74l13qOuWvc/s1600/quote.gif') top left no-repeat;
}
.blockquote p{
margin: 5px 0 0;
display: block;}

Answer 1

您可以使用background-size缩小图像。另一种方法是向包含元素声明min-height，以便高度永远不会低于blockquote图像的高度。

这可以在你的情况下工作吗？ http://jsfiddle.net/pbdy08bn/1/

Answer 2

我知道你将此视为一个错误，但我认为，从设计的角度来看，当只有一条线看起来非常时尚时，引用图形会减少一半。

我的意思是，我不知道这张图片最终会在哪里出现，但如果我在你的鞋子里，我会保持原样。