Всплывающее описание к картинке

[Alfa2015]

Здравствуйте!

Проблема: как уменьшить всплывающее описание к картинке при уменьшении экрана? Вот пример

Если уменьшить экран, получается так: http://savepic.su/6380691.jpg

Как исправить? Спасибо.

 

[Mozzie]

http://htmlbook.ru/css/media

 

Вот пример:

@media only screen and (max-width:600px) {

 

     .yourclass {

            font-size: 12px;

     }

 

 

}

Edited November 4, 2015 by Mozzie

[Alfa2015]

Не работает

[Mozzie]

Не работает

 

http://jsfiddle.net/hrh5mfwu/ вот.

[Alfa2015]

Нет, надо на bootstrap. Без ширины и высоты в px.

Edited November 4, 2015 by Alfa2015

[Mozzie]

Ты хочешь уменьшить не текст, а фон?  в предоставленном мною варианте используется :hover, ты же как я понял используешь js. При наведении http://jsfiddle.net/hrh5mfwu/ не указана не высота не ширина блока но она указана на самом блоке при использования bootstrap высота и ширина задается в процентах что не должно вызывать ошибок используя этот метод.