移动优化网站上的文字大小太小

Question

我创建了一个使用bootstrap的网站，它在桌面上运行良好，但在移动设备上，文本大小缩小到很小，任何使文本在移动网站上显示良好的解决方案？

 <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;
    }
}

或者，如果您使用SASS，请更改变量的值。