Question

我正在使用Fittext来调整我的网页上的文字大小，但是当我尝试在标题标签中选择h1选择器的两种不同用途而在Flexslider中使用另一种时，我得到了奇怪的结果。

在页面标题上：

<header><h1>A Main Heading</h1></header>

在Flexslider设置中：

<ul class="slides">
<li>
    <article class="slide">
        <div>
            <a href="http://www.#.co.uk"><img src="_/images/thumb.jpg" alt="#" /></a>
        </div>
        <header><h1>Flexislide Heading</h1></header>
        <div class="slide-content">
            <p> some text </p>
        </div>
        <footer class="entry-meta">
            <p> some meta text </p>
        </footer>
    </article>
 </li>
</ul>

Fittext召唤：

// Fit Text
$().ready(function() {
$("h1").fitText(0.9);
$("h2").fitText(1.2);
$("h3").fitText(1.2);
$(".slide header h1").fitText(2.2);
});

单词出现的大小取决于第二个h1中有多少个字母，有些字母很合适，其他短字则显得很小？

我想知道是否有更好的方法来调用第二组h1标题，或者它是否与Flexslider中使用它们有关？

Answer 1

也许可以认为h2-5可能是更好的元素，因为看起来你在两种截然不同的情况下使用h1。

Fittext给我奇怪的标题

1 个答案: