jquery - 如何在窗口大小调整时实现平滑的字体大小变化？

Question

如何在窗口大小调整时实现平滑的字体大小变化？使用 css 或 jquery。

Answer 1

您可以使用 CSS 过渡和一些 jQuery。

CSS:

p{
    font-size: 14px;
    transition: font 1s;
}

JavaScript (jQuery):

$(document).ready(function(){
    $(window).resize(function(){
        $('p').css('font-size', '25px');
    });
});

fiddle : https://jsfiddle.net/lmgonzalves/s1dL3c1y/