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

我试图在contentflow中将文本添加到图像中，但当我在其中滚动时，我需要调整文本大小，以便文本不会移动

---

我不知道是否有自动的方法可以做到这一点，但对于响应式web设计，您可以通过CSS或使用jQuery来确定字体大小

jQuery

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

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

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