如何减小网站的整体字体大小？答案

【问题标题】：How to reduce the overall font-size of a web site?如何减小网站的整体字体大小？
【发布时间】：2014-11-15 20:44:10
【问题描述】：

有没有办法减少网站的整体字体大小？假设我们有一个 WordPress 主题（例如Highwind），如何在不影响任何其他属性的情况下减小所有页面元素的字体大小？

我尝试设置body { font-size: 1.0em; }，但这也会缩小标题的宽度。如果我使用 Opera 的缩放选项将网站缩放到 90 %，页面看起来很完美，并且正是我想要的样子。

所以我想知道，在无需单独调整每个 CSS 类的情况下减小网站上所有字体大小的最简单方法是什么。主题使用em 字体大小，所以我想必须有一个准确的解决方案。不过，我不明白为什么标题也会缩小。

【问题讨论】：

显然在您的情况下，使用特定主题，设置body {font-size: 85%;} 确实会减小整体字体大小（因为主题设置body{font-size: 1.125em;}）。所以你想要的是不只是缩小字体大小。您应该描述需求并将它们与某些特定设计相关联，在问题本身中描述并使用足够的代码。

【解决方案1】：

尝试在正文字体大小上使用 %：例如

body {font-size: 85%;}

【讨论】：

【解决方案2】：

尝试在 html 元素上播放字体大小。这也将影响在 rem（根 ems）中指定大小的任何元素。

另外，改变body而不是html元素的字体大小会影响ems中指定的元素大小，但不会影响rems。

见

【讨论】：