Question

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

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

Answer 1

解决方案是确保：

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

在div或目标之后。然后删除CSS中的font-size。文字变得更大：

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

为什么jQuery Fittext不起作用？

1 个答案: