Contentflow - 캡션 텍스트를 동적 크기로 조정하는 방법

Question

contentflow에서 이미지에 텍스트를 추가하려하지만 텍스트를 스크롤 할 때 텍스트의 크기를 조정해야 텍스트가 움직이지 않습니다.

http://www.jacksasylum.eu/ContentFlow/index.php

Answer 1

이 일을 자동 방법이 있는지 모르겠지만, 반응 형 웹 디자인의 당신이 CSS 또는 jQuery를 사용을 통해 글꼴 크기를 하드 코어 할 수 있습니다.

jQuery를

$(window).on('resize', function(event) { 
    if($(window).width() < 400) { 
     $('.CAPTIONCLASS').css("font-size", "20"); 
    } 
    else { 
     $('.CAPTIONCLASS').css("font-size", "10"); 
    } 
}); 

CSS

@media screen and (max-width: 400px) { 
    .CAPTIONCLASS { 
     font-size: 20px; 
    } 
} 

@media screen and (max-width: 100px) { 
    .CAPTIONCLASS { 
     font-size: 15px; 
    } 
}