css - 在窗口调整大小时调整文本大小而不换行

Question

我有这个 Bootstrap 顶部栏

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/