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

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，请更改变量的值。