jquery - 如何增加整个网站的字体大小

Question

我有一个网站，其中包含 <h1> 中的所有元素至 <sup> - 他们每个人都有自己的字体大小，(大多数以像素为单位)

本网站是客户的集合，每个客户都有自己的子域。虽然整个网站的基本代码、图像、css 和 js 都是相同的，但每个子域都有自己特定的 theme.css - 只有一个用于应用客户特定设计的 css 文件。

现在，一位客户希望在整个子域中使用更大的字体。所以我认为这只是添加

的问题

*
{
    font-size: ...
}

现在，我不能在那里指定一个大小..我可以列出所有元素并单独设置字体大小(这将是计划 B)-但是有没有一种方法可以设置所有元素以增加它们各自的字体尺码？

---

编辑
如果这不能通过 css 实现，我可以使用 jquery 来实现。我想……
此外，更改现有 px 大小不是一个选项，因为这是遗留代码，我无权访问基本 css 文件..只有 subdomain.css和 subdomain.js文件..

Answer 1

如果您将所有元素更改为使用 em 或百分比而不是像素，您可以更改正文的基本字体大小，但由于它们是以像素为单位指定的，因此您不能这样做。

解决方案一:
将所有以像素为单位设置的字体大小更改为相应的 em 或百分比大小，并设置更大的正文大小。此工具可以帮助您:http://pxtoem.com

例子:

body {
  font-size: 16px;
}

p {
  font-size: 1em;
}

方案二:
将所有具有相同大小的元素分组并覆盖它们。

例子:

div,
span,
p {
  font-size: 12px;
}

sub,
sup {
  font-size: 10px;
}