масштаб текста в слое div пропорционально контейнеру bg-image

Question

следующая проблема: У меня есть прокручиваемая страница с большим количеством div. каждый div имеет bg-образ и другой div с текстом в нем.

<div id="intro"> 
      <h1>blabla</h1> 
      <p id="text1_1"> another bla bla </p> 
      <p id="text1_2"> and again bla </p> 
</div> 

я обрабатывать масштабирование BG-изображения с помощью CSS3-х background-size: cover;, когда я масштабировать окно браузера, текст не остается в том же положении и не изменяет размер пропорционально BG-изображения. Каков наилучший способ сделать это? thanks

Answer 1

К сожалению, для решения проблемы существует только метод CSS. Существует плагин jQuery, который делает трюк для вас, называется FitText.

Проблема заключается в том, что для этого, свойство font-size должно быть гибким, что прямо сейчас нет. Единственный способ обойти это с помощью CSS - если вы ищете такое решение - это делать медиа-запросы и уменьшать размер шрифта в меньших видовых экранах, но это только делает текст адаптивным.