Html 相同的字体大小，不同的渲染大小

在我的页脚里我有两个div。在这两个div中都有一个

p

，其中包含一些文本。但是，第二个

div

中的文本要大得多，即使它们应用了相同的css

如果我在浏览器中禁用字体大小属性，所有文本都会变小，但底部div中的文本会变大

请参见

img

，查看结果：

我希望所有文本的大小都一样

<div class="footer">
  <div class="info">
    <div>
      <p>
        <b>KSA Nationaal</b>
      </p>
      <p class='spacer'>02/201.15.10</p>
      <p>Vooruitgangstraat 225</p>
      <p class='spacer'>1030 Brussel</p>
      <p class="spacer">
        <a href="http://www.ksa.be">www.ksa.be</a>
      </p>
    </div>
    <div>
      <p>
        <b>De leukste safari van 2018!</b>
      </p>
      <p>Joepie 28</p>
      <p>16-19 april</p>
      <p class='spacer'>Sjo’ers, simmers en jonghernieuwers</p>
      <p>
        <b>Contact</b>
      </p>
      <p class="spacer">
        <a href="mailto:joepie@ksa.be">joepie@ksa.be</a>
      </p>
    </div>
    <div>
      <img src="http://www.ksa.be/sites/all/themes/custom/tksa/img/logos/logo-blauw.png">
    </div>
  </div>
  <div class="legal">
    <p>
      Deze website kwam tot stand dankzij: Mira Sabbe: lay-out website • Maarten Derous: illustraties • Yann Provoost: ontwikkeling
      website
    </p>
    <p>© 2018 KSA Nationaal - Alle rechten voorbehouden</p>
  </div>
</div>

找到的解决方案：将

p

元素的

text size adjust

属性设置为

none

是您提供给我们的代码，行为正常，但我怀疑错误将出现在您未透露的CSS文件或标记中

检查您的

…

标记，查找任何链接的CSS文件，这些文件可能会在任何具有“合法”类的div上强制使用样式

另一个选择是在您与之共享的CSS中为.legal类的所有元素添加后缀！重要（和你的P{…}，如下所示

.legal {
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 0 9rem 0 9rem !important;
    width: 100% !important;
    text-align: center !important;
}

---

你的CSS底部还有一些恶意的大括号。

你知道，浏览器中有一个叫做INSPECT ELEMENT的工具，你可以看到是什么修改了p样式？这是CSS还是sass？我认为帖子的标签错了，标签应该是sass而不是CSSThx，我对帖子进行了编辑。我支持这一点。我只是把它复制了一遍ll，这似乎对我很好。我已重命名为随机类，但问题仍然存在。您可以在以下位置查看网站：。只有在移动版本中，此问题才明显。您看到哪个浏览器以不同大小显示？我正在使用Chrome 67.0.3396.99，调整窗口大小以查看您的移动版本文本看起来是一样的，两个部分都被媒体查询操作，将它们设置为1.8em，而不是索引中的默认桌面1.4em。CSI在我的手机上使用chrome（我认为是最新版本）可以看到不同。先生，你是个英雄！这已经解决了问题

.legal {
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 0 9rem 0 9rem !important;
    width: 100% !important;
    text-align: center !important;
}