来自Bootstrap的魔术字体大小调整

Question

我开始使用Bootstrap创建一个应用程序，并最终自定义CSS以至于根本不需要Bootstrap。但是，当删除引导程序CSS文件时，我遇到了一个问题。

我有一个元素，我分配120％font-size：

#page-title {
    font-size:120%;
}

现在使用Bootstrap 3.3.5，字体是一种尺寸，显然根据chrome dev工具计算为14px。

但是，如果我删除Bootstrap CSS并将body设置为font-size为14px（以及其他各种Bootstrap样式，例如line-height），则字体是不同的大小，但仅限Windows Phone 8.1 IE11。

我的body css如下：

body{
    margin:0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

据我所知，这与Bootstrap相同。我还包括所有相同的meta标签。唯一的区别是CSS文件。

我的问题不是为什么这个特定版本的IE会这样做（因为我无法在Windows 8.1 IE11上重新创建它），但是Bootstrap的CSS有什么神奇之处我可以复制？

Answer 1

我开始挖掘整个Bootstrap CSS并找到了丢失的位。

@-ms-viewport {
  width: device-width;
}

这修复了字体大小（以及其他一些调整）在使用Bootstrap正确显示的Windows手机和平板电脑上，但不是没有。