0

似乎无法让它工作。这就是我到目前为止所拥有的。这一切似乎都正确加载，但它不响应浏览器。

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;
}

您可以在此处实时查看

4

1 回答 1

1

解决方案是确保：

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

在 div 或目标之后。font-size然后在你的 CSS 中删除。文本变大，如下所示：

<script>
   jQuery("#responsive_headline").fitText(.8);
</script>
于 2013-10-22T12:26:09.617 回答