Для начала, вы не можете изменить размер фонового изображения.Кроме того, для изменения размера текста потребуется Javascript или обновление страницы.
Попробуйте создать пример на http://www.jsfiddle.net, чтобы люди лучше видели, что вы описываете.
ОБНОВЛЕНИЕ
Ваш вопрос до сих пор неясен, и я настоятельно рекомендую jsfiddle.Но если я правильно интерпретировал ... вы используете FancyBox, который предполагает, что у вас есть какой-то Javascript, работающий на вашей странице.Javascript может использоваться для определения того, что ваш текст переполняет контейнер, и может соответствующим образом изменить его размер.
Для этого получите <div>
(или элемент контейнера) и проверьте его .scrollHeight
и .clientHeight
свойства.Если прокрутка меньше, чем у клиента, размер текста не нужно изменять.Если прокрутка больше, чем у клиента, вы можете изменить размер с помощью свойства .style.fontSize
.
не проверено Пример того, что я описываю, выглядит следующим образом:
myDiv = $('containerElement'); // Get container object using its ID
size = 50; // Start with 50px font size
while(myDiv.scrollHeight > myDiv.clientHeight) {
// Decrement font size until scroll is less than client
myDiv.style.fontSize = (size - 1) + 'px';
}
Вам придется немного поработать над этим, чтобы заставить его работать так, как вам нравится.На заметку:
- Я использовал функцию доллара, чтобы получить объект, вы можете найти его в Google для получения дополнительной информации
- В вашем контейнере должны быть определены размеры, чтобы
.clientHeight
нашел - Возможно, вам придется попробовать
.offsetHeight
вместо .clientHeight
Если вы просто хотите контролировать переполнение, вы можете использовать CSS:
overflow-x:hidden
или прокрутка или авто, overflow-y
то же самое white-space:nowrap
предотвратит автоматическое перенос текста
Но, опять же, мой ответ неопределенный, так как неясен(с кодом), что вы спрашиваете.