Значок Blockquote не кажется правильным на более широкой ширине

Question

iam пытается отредактировать css на моей странице, более конкретно мой значок в блочном выражении не кажется правильным. ну, чтобы показать 100% на высоте, мне нужно записать, по крайней мере, две строки блока. В противном случае он отображается на 50% значка. Вот пример http://jsfiddle.net/pbdy08bn

Если вы перетащите окно результата, чтобы получить заметки на одной строке, значок появится на половине. 2 линии и больше в порядке.

Может ли кто-нибудь помочь?

Заранее спасибо.

CSS из BLOCKQUOTE здесь

.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 содержащему элемент, так что высота никогда не будет ниже высоты изображения блока.

Может ли это работать в вашем случае? http://jsfiddle.net/pbdy08bn/1/

Answer 2

Я знаю, что вы относитесь к этому как к ошибке, но мое мнение, графическое изображение, которое сокращается наполовину, когда есть только одна линия, выглядит очень стильно с точки зрения дизайна.

Я имею в виду, я не знаю контекста того, где будет выглядеть эта графика, но если бы я был на вашем месте, я бы сохранил это как есть.