Размер текста слишком мал на мобильном оптимизированном сайте

Question

Я создал сайт с использованием бутстрапа, он хорошо работает на рабочем столе, но на мобильном телефоне размер текста сжимается до очень малого, любые решения, позволяющие сделать текст хорошо отображаемым на мобильном сайте?

<div class="col-md-4 col-xs-12"> 
    <a href="#" class="thumbnail"> 
     <img src="dapp/theme/images/hidden_superpower.jpg"alt="125x125"> 
      <h4>Your name's Hidden meaning!</h4> 
     </a> 
    </div> 

Answer 1

Используйте CSS3 Правила СМИ:

@media screen and (max-width: 480px) { 
    body div a h4 { 
     font-size: 2em; 
    } 
} 

Или, если вы используете ШАОН, изменить значение переменных.