Contentflow-如何使标题文本动态调整大小

Question

我正试图将文本添加到contentflow中的图像中，但当我滚动它们时，我需要调整文本大小，这样文本就不会移动。

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

Answer 1

我不知道是否有自动的方法可以做到这一点，但作为响应式web设计，你可以通过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;
    }
}