为什么不是jQuery Fittext的工作？

不能让它工作。这是我迄今为止所拥有的。它似乎都正确加载，但它不响应浏览器。为什么不是jQuery Fittext的工作？

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="js/main.js"></script> 
     <script src="js/jquery.lettering.js"></script> 
     <script> 
      $(document).ready(function() { 
       $(".fancy_title").lettering(); 
      }); 
     </script> 
     <script src="js/jquery.fittext.js"></script> 
     <script> 
      jQuery("#responsive_headline").fitText(); 
     </script> 
    </head> 
    <body> 
<section id="responsive_headline" class="fancy_title">September</section>

CSS

#responsive_headline { 
    font-size: 220px; 
    font-family: "utopia-std",sans-serif; 
    font-style: normal; 
    font-weight: 700; 
}

您可以查看它生活here

来源

2013-10-21 user2898276

您使用的浏览器是？这完美适用于Mozilla FF，Google Chrome，Safari，Opera和IE最新版本。 – Tyblitz

的解决方案是保证：

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

是div或目标后。然后删除您的CSS中的font-size。文字大小如下：

<script> 
    jQuery("#responsive_headline").fitText(.8); 
</script>

来源

2013-10-22 12:26:09 user2898276

为什么不是jQuery Fittext的工作？

回答

相关问题