Twitter bootstrap 3 适用于移动设备、平板电脑和PC的引导字体大小

我正在用bootstrap编写一个小游戏，希望字体大小在手机、平板电脑和PC上保持一致

<h1>Points: {{points}}</h1>

点：{{Points}

问题是，上面的内容在更高级别的分辨率下要小得多，它破坏了我为游戏设计的布局

---

我该如何解决这个问题？

正如@ckuijjer所建议的，大众汽车的装置运转良好。调整窗口大小时，字体大小将根据窗口大小按比例调整

@media all {
    h1 { font-size: 6vw;}
    h2 { font-size: 5vw;}
    h3 { font-size: 4vw;}
    h4 { font-size: 3vw;}
    h5 { font-size: 2vw;}
    h6 { font-size: 1vw;}
}

---

正如@ckuijjer所建议的那样，大众汽车的部件运转良好。调整窗口大小时，字体大小将根据窗口大小按比例调整

@media all {
    h1 { font-size: 6vw;}
    h2 { font-size: 5vw;}
    h3 { font-size: 4vw;}
    h4 { font-size: 3vw;}
    h5 { font-size: 2vw;}
    h6 { font-size: 1vw;}
}

---

您可以使用%。这使得字体大小取决于屏幕大小。媒体查询可能有助于查找此时间。

您可以使用%。这使得字体大小取决于屏幕大小。媒体查询可能有助于找到时间。

也许可以查看或甚至使用基于viewwidth

vw的
字体大小
，也许可以查看或甚至使用基于viewwidth
vw的
字体大小
，也许可以查看或甚至使用基于viewwidth的
字体大小
vw