我现在正在开展一个小型项目,我需要做的最后一件事就是创建一个很好的响应标题。
我发现FitText.js并且下载的演示工作正常,但是,不知何故,当我将它放入基于WP主题的引导程序时,它无法正常工作。我也尝试过非jquery版本,但没有成功。有人可以帮我解决问题吗?为什么FitText无法正常工作?
代码:
<div id="front">
<div class="site-header">
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h1 class="tafont" id="logo-text">Think Arch 2015</h1>
</div>
</div>
</div> <!-- /.container -->
</div> <!-- /.site-header -->
</div> <!-- /#front -->
的CSS:
#logo-text{
background: rgba(0,0,0,0.2);
text-align: center;
font: 95px/1 "Impact";
display: block;
}
JS:
jQuery("#logo-text").fitText();
我已将其添加到jsfiddle中,但它有效,知道该怎么做?