css - ウィンドウのサイズ変更時にテキストを改行せずにサイズ変更する

Question

私はこのブートストラップトップバーを持っています

http://jsfiddle.net/MmcEj/

に含まれるテキストを作成したい

<ul class="nav image-title-container">
    <li class="hidden-desktop image-title icon">somelongtitlesomelongtitlesomelongtitlesomelongtitlesomelongtitle</li>
</ul>

ほとんどの場合、使用可能なスペース全体を使用したり、テキストを新しい行に移動したりしないため、% 幅を使用せずにウィンドウのサイズを変更するときに右ボタンに到達するまでできるだけ大きくし、ラップします。

Answer 1

メディア クエリの使用。これを試してください http://www.mrgeek.me/technology/tutorials/web-design/how-to-make-text-responsive-in-bootstrap/