レスポンシブ Twitter ブートストラップの使用。
3 つのスパン 3 を含むページがあります。
<body>
<div id="wrap">
<div class="container">
<div class="row">
<div class="span3">
<img src="~/Images/logo.png" alt="Logo" />
<br /><br /></div>
<div class="span3 cfnav">
<ul class="nav nav-tabs nav-stacked">
<li><a href="#">Home</a></li>
<li><a href="#">Info1</a></li>
<li><a href="#">Info2</a></li>
<li><a href="#">Info3</a></li>
<li><a href="#">Info4</a></li>
</ul>
</div>
<div class="span6" style="background-color:green;"><br /><br /></div>
</div></div></div></body>
ページのレスポンシブ幅に応じて、ロゴのサイズが自動的に変更されます。ただし、テキストは同じサイズのままです-より大きな幅でDIVをオーバースピルします。
テキスト サイズを動的に変更するように設定する方法はありますか? イメージが span3 div 内に収まるように引き伸ばされるため、(各メディア クエリの幅でテキスト サイズを手動で設定する必要はありません)