0

レスポンシブ 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 内に収まるように引き伸ばされるため、(各メディア クエリの幅でテキスト サイズを手動で設定する必要はありません)

4

1 に答える 1

0

Bootstrap を大幅に調整する必要がありますが、テキストのサイズ変更に rem 単位を使用することを検討できます。 /

于 2013-06-25T14:24:54.393 に答える