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

Question

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

如果拖动结果窗口使注释在一行上，则图标显示在一半上。2 行或更多行就可以了。

有人可以帮忙吗？

提前致谢。

blockquote 的 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/