Question

出于某种原因，我的文字不会响应任何尺寸值：

这就是我所拥有的：

<section id="center" class="theLogo">
    <div id="responsiveLogo">September</div>
  </section>


<script src="js/fittext.js"></script>
  <script>
    jQuery("#responsiveLogo").fitText(1,{ minFontSize:'60px'});
  </script>

CSS

#center {
    position: absolute;
    width: 60%;
    height: auto;
    text-align: center;
}

#responsiveLogo {
    font-family: "utopia-std",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2em;
    }

'九月'是没有回应的。它应该更大。

Live version here

Answer 1

你需要这个吗？

#center span {
    font-size: 67px !important;
}

Answer 2

您列出的内容不是您网站上的内容。

您错误地将您的ID标记为将JavaScript更改为：

jQuery("#center").fitText(1,{ minFontSize:'60px'});

或将您的HTML更改为：

<section id="responsiveLogo" class="theLogo" style="top: 180px; left: 247px; font-size: 73.9px;"> ....Span Soup....</section>

Answer 3

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

尝试使用 px

为什么文字大小没有增加？

3 个答案: