试图使用fitText.js

时间:2012-12-27 19:44:35

标签: jquery

我试图让fittext.js工作,但我没有得到任何结果,这是我正在处理的JsFiddle:Demo working

HTML

<div id="austin">
    <div id="headLine">
        <h1>Austin Kitson</h1>
        <h2>Marketing & Sales</h2>
    </div>
</div>

Javascript(将选择器更改为我实际拥有的内容)

<script>
   jQuery("#headLine h1").fitText();
</script>

CSS

html{
    font-size: 62.5%; 
}
#austin {
    width: 20em;
    margin-left: auto;
    margin-right: auto; 
}
#headLine {
    position: absolute;
    top: 28%;
    left: 57%; 
}
#headLine h1 {
    display: block;
    width: 100%;
}

1 个答案:

答案 0 :(得分:2)

我必须在#headline

中添加一个宽度
#headLine {
    position: absolute;
    **width:100%;**
    top: 28%;
    left: 57%; 
}