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

你可以看看使用 rem 单位来调整文本大小，尽管它需要大量调整 Bootstrap：http: //css-tricks.com/theres-more-to-the-css-rem-unit-than-font-sizing /

于 2013-06-25T14:24:54.393 回答