twitter bootstrap resize the text size on phone screen

问题

I am new to twitter bootstrap. I am hiding some <tr> on phone screen with the help of class="hidden-phone"

But I want to resize the shown text to fit to the screen

How can I resize the text in spans like below on phone screen?

<span>test test test test test</span>

回答1:

This is how you work with mobile viewport in twitter bootstrap (or any other solution for that matter)

@media (max-width: 480px) { 
        body {
          font-size: 11px;
        }

        .hidden-phone {
           display: block;
        }
    }

来源：https://stackoverflow.com/questions/17454594/twitter-bootstrap-resize-the-text-size-on-phone-screen