0

ブラウザ ウィンドウに合わせてスケーリングする div 内にメニューを作成する必要があります。ウィンドウのサイズに応じてテキスト サイズが調整され (fittext.js を使用)、外側の DIV は常にウィンドウの高さの 15% です。100% の行の高さは機能しないため、他にどのようなオプションがありますか?

また、私がここにいる間、テキスト リンクが含まれる DIV の幅の 100% にまたがるようにするにはどうすればよいでしょうか? （リンクがdiv全体をカバーするように等間隔にします）

必要に応じて、jQuery オプションで問題ありません。

ここに私のコードの例で作ったフィドルがあります

HTML ソース

<nav id="navigation">
<a href="#welcome" class="nav_button"><span>Welcome</span></a>
<a href="#about" class="nav_button"><span>About</span></a>
<a href="#work" class="nav_button"><span>Work</span></a>
<a href="#contact" class="nav_button"><span>Contact</span></a>    
</nav>​

CSS ソース

#navigation {
width: 80%;
height: 15%;
position: fixed;
top: 5%;
left: 10%;
background: #ccc;
}
.nav_button {
height: 100%;
width: 20%;
position: relative;
display: inline-block;
text-align: center;
line-height: 100%;
}

</p>

4

1 に答える 1

0 
$btn = $('.nav_button');
$btn.css('line-height', $btn.height() + 'px');

あなたの例ではうまくいきます:)

于 2012-10-26T06:40:00.587 に答える