使用CSS缩放文本

Question

是什么和有没有基于DIV中的文本量使用CSS缩放文本的方法.

我在http://www.directiongroup.com/tweethearts/上创建了这个页面,文本的CSS是(固定大小为32px):

.jta鸣叫文本

{
    color: #ed1c24;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: normal;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 0px #FFFFFF;
}

非常感谢

Answer 1

您无法单独使用 CSS 来完成此操作，但可以使用一些 JavaScript 来完成。

计算文本中的字符数并font-size根据需要设置 CSS 属性。

这是一个使用 jQuery 的简单示例： http: //jsfiddle.net/pjByL/

$('.heart').each(function(){
var textLength = $(this).text().length
    if(textLength > 26)
    {
       $(this).css('font-size', '10px');
    }
});