Html 如何在移动bootstrap2.3中缩小h1标签?

Html 如何在移动bootstrap2.3中缩小h1标签?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我刚刚开始引导&我遇到了一个问题。。。。。! 我有一个h1标签在我的网站顶部。我设计了它,并在浏览器中查看它-看起来很棒。然后我把它缩小到移动宽度,字体太大了!以下是mobile first背后的想法:如何在手机中缩小相同的标签字体。使用媒体查询 @media (max-width: 480px) { h1{ font-size: 14px; /* or anything you want */ } } 另一种可能是使用JavaScript库来处理响应性字体:

我刚刚开始引导&我遇到了一个问题。。。。。! 我有一个h1标签在我的网站顶部。我设计了它,并在浏览器中查看它-看起来很棒。然后我把它缩小到移动宽度,字体太大了!以下是mobile first背后的想法:如何在手机中缩小相同的标签字体。

使用媒体查询

@media (max-width: 480px) {
   h1{
      font-size: 14px; /* or anything you want */
   }

}

另一种可能是使用JavaScript库来处理响应性字体: