2

私はJQuery Mobileアプリに取り組んでいます。タイトル テキストに使用されるフォントを拡大する必要があります。テキストサイズを拡大するたびに、ui-header バーの高さが大きくなります。成長させたくない。代わりに、ui-header をデフォルトの ui-header と同じサイズのままにしたいと考えています。テキストのサイズを大きくしたいだけです。現在、私は以下を持っています：

.t1 { color: blue; font-size:24pt; font-weight:normal; }
.t2 { color: white; font-size:24pt; font-weight:normal; }

<div data-role="header" data-position="fixed">
  <a href="#" data-icon="arrow-l" data-direction="reverse" data-iconpos="notext" class="ui-btn-left jqm-home dd-btn">Back</a>
  <h1><span class="t1">My</span><span class="t2">App</span></h1>
</div>

ヘッダーを大きくせずにフォント サイズを変更するにはどうすればよいですか?

4

1 に答える 1

3

また.ui-header .ui-title、上マージンと下マージンの値を変更するルールを変更する必要があります。例えば：

.ui-header .ui-title {
    margin: 0 30% 0;
}

http://jsfiddle.net/Pwqtm/1/

于 2013-03-18T13:08:27.887 に答える