【问题标题】:How to achieve a smooth font-size change on window resize?如何在窗口调整大小时实现平滑的字体大小变化?
【发布时间】:2015-06-07 01:36:22
【问题描述】:

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

【问题讨论】:

    标签: jquery css jquery-ui plugins


    【解决方案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/

    【讨论】:

      猜你喜欢
      • 2019-04-30
      • 2016-07-07
      • 2011-02-28
      • 2016-07-08
      • 1970-01-01
      • 1970-01-01
      • 2011-06-25
      • 2014-01-01
      • 1970-01-01
      相关资源
      最近更新 更多