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; 
    } 
}