Contentflow-如何使字幕文本動態調整大小？

Question

我正在嘗試向內容流中的圖像添加文本，但是當我滾動它們時，我需要調整文本的大小，以使文本不會移動。

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