1

Fittextを使用してWebページのテキストのサイズを変更していますが、ヘッダータグ内で使用されるh1セレクターとFlexslider内で使用されるh1セレクターの2つの異なる使用法を選択しようとすると奇妙な結果が得られます。

ページ見出し：

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

単語は、2番目のh1にある文字の数に応じてさまざまなサイズで表示されます。一部はうまくフィットし、短い単語は小さく表示されますか？

2番目のh1見出しのセットを呼び出すためのより良い方法があるのか​​、それともFlexsliderで使用されているものと関係があるのか​​疑問に思いました。

4

1 に答える 1

0

2つの非常に異なるケースでh1を使用しているように見えるため、h2-5の方が使用に適した要素である可能性があると考えてください。

于 2012-06-14T12:07:22.460 に答える