根据字符数动态更改字体大小 [英] Change Font Size dynamically based on Character count

问题描述

我正在尝试根据字符长度调整标题大小. (wordpress)

I'm trying to adjust title sizes depending on character length. (wordpress)

这是我到目前为止所拥有的.它不返回任何错误，但不起作用.

This is what I have so far. It doesn't return any error but it doesn't work.

jQuery(function ($) {
    $(window).load(function () {
        var textLength = $('.autotitle').val().length;
        if (textLength < 20) {
            // Do noting 
        } else if (textLength > 20) {
            $('.autotitle').css('font-size', '16px');
        }
    });
});

推荐答案

很多时候，当基于字母计数的文本较长时，您希望减小字体大小(使其变小) (可能是通过某些CMS输入的文本或翻译后的文本)

Many times one would like to decrease font size (make it smaller) when text is long based on letter count (text might have been entered through some CMS or translated text)

http://jsfiddle.net/jfbrLjt2/

 $('.text').each(function(){
     var el= $(this);
       var textLength = el.html().length;
        if (textLength > 20) {
            el.css('font-size', '0.8em');
        }
});

这篇关于根据字符数动态更改字体大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！