块引用图标在更大的宽度上似乎不正确

Question

我正在尝试编辑 css 到我的页面，更具体地说，我的 blockquote 图标似乎不正确。好吧，为了显示 100% 的高度，我必须至少写下 2 行 blockquote。否则它显示为图标的 50%。这是示例 http://jsfiddle.net/pbdy08bn

如果拖动结果的 window 使注释在一行上，则图标显示在一半上。 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

我知道您将此视为错误，但我认为，从设计的角度来看，当只有一行时报价图形被切成两半看起来非常时尚。

我的意思是，我不知道这张图片的最终位置，但如果我处在你的位置，我会保持原样。

块引用图标在更大的宽度上似乎不正确

Blockquote icon doesnt seem right on bigger width

html

css

blockquote