在不调换换行符的情况下调整窗口大小调整大小

Question

我有这个引导顶栏

http://jsfiddle.net/MmcEj/

我希望将文字包含在

中

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

尽可能大，直到它到达rigth按钮并在调整窗口大小时换行，而不必使用％width，因为大部分时间它不使用整个可用空间，也不会使文本进入新的线。

Answer 1

使用媒体查询。试试这个http://www.mrgeek.me/technology/tutorials/web-design/how-to-make-text-responsive-in-bootstrap/

Answer 2

我认为最简单的方法是使用FitText