Fatal编程技术网

Twitter bootstrap 3 使用bootstrap-3.0时所有字体都太小

twitter-bootstrap-3

Twitter bootstrap 3 使用bootstrap-3.0时所有字体都太小,twitter-bootstrap-3,Twitter Bootstrap 3,在从Twitter Bootstrap 2.3.2转换到3.1.1的过程中，在阅读了几个迁移指南之后，我发现我所有的字体都太小了（大约是2.3.2大小的75%）。这似乎与屏幕大小无关（在同一屏幕上评估，1920x1080）。根据Inspector（Safari和Firefox），新旧字体大小应该相同 由于这对所有字体都是通用的，因此似乎有一些全局缩放正在进行，检查员没有透露。那会是什么？我怎样才能解开它 Web检查器示例： BS3版本： <html> <body class

在从Twitter Bootstrap 2.3.2转换到3.1.1的过程中，在阅读了几个迁移指南之后，我发现我所有的字体都太小了（大约是2.3.2大小的75%）。这似乎与屏幕大小无关（在同一屏幕上评估，1920x1080）。根据Inspector（Safari和Firefox），新旧字体大小应该相同

由于这对所有字体都是通用的，因此似乎有一些全局缩放正在进行，检查员没有透露。那会是什么？我怎样才能解开它

Web检查器示例：

BS3版本：

<html>
  <body class="me">
    <div class="jumbotron home-feature">
      <div class="alert alert-info text-center">
        <small>
BS2版本：

<html>
  <body class="me">
    <div class="hero-unit home-feature">
      <div class="alert alert-info text-center">
        <small>
尽管检查员将其显示为“已覆盖”（已划线），但每个样式中的最后一行似乎是关键。我补充说

html {
  font-size: 100%; }
到me.css，大小现在匹配。

我注意到html被引导支架覆盖，所以我将css应用到正文，而不是html

更改前：

html{字体大小：24px；}

更改后：

正文{字体大小：24px；}

small: bootstrap.css:662: font-size: 85%;
small:  User Agent Stylesheet: font-size: smaller;

Inherited from div.hero-unit.home-feature:
.hero-unit: bootstrap.css:6120: font-size:18px (overridden)

Inherited from body.me:
.me: me.css:1: font-size: 1em; (overridden)
body: bootstrap.css:224: font-size: 14px; (overridden)

Inherited from html:
html: bootstrap.css:68: font-size: 100%; (overridden)

html {
  font-size: 100%; }