适用于移动设备，平板电脑和PC的Bootstrap字体大小调整

Question

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

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

问题在于，在更高级别的分辨率上，上述内容要小得多，并且会破坏我为游戏设计的布局。

如何解决此问题？

Answer 1

根据@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;}
}

Answer 2

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