单个规则的所有文本都以％为单位放大字体大小？

我与电子商店引擎一起工作，其中很多文本样式直接以像素定义（每个元素 - 自己的标尺），而不是相对单位。现在客户要求我放大10％的所有文本（文本，标签，标题等）。我不想抛出所有样式并为每个元素编写单独的新规则。单个规则的所有文本都以％为单位放大字体大小？

所以我要寻找一些解决方案，它可以放大字体大小在CSS与简单规则的所有元素，或者，如果这是不可能的JQuery

我试着在CSS规则中使用 * { font-size: 110% !important; } 但（祖先 - >孩子 - >孩子 - 每个级别+ 10％），所以有几个祖先的文本元素变得非常庞大。

2013-10-07 DaneSoul

看看@字体面 –

你已经设定自己到一个角落通过首先使用像素。你正在寻找一个大的CSS重构。 –

Adam'Sacki'Sackfield，你能解释一下你的想法吗？ – DaneSoul

所以我用这个代码Lukasz Dziedzia's answer获得页面中所有的文本。

现在我们使用$(this).css({ "font-size":($(this).css("font-size").replace('px','')*1.1 + "px"});来更改每个元素的font-size。

注意使用replace('px','');，这里使用这个，因为$(this).css("font-size")在最后返回带有字母“px”的值。所以删除这两个字母后，我们可以做数学运算：$(this).css("font-size").replace('px','')*1.1。

这比第一个答案:)更好

2013-10-07 20:03:39

看我没有测试答案，我正在处理这个现在我将在一段时间后编辑我的答案:) –

现在看看答案:) –

我很抱歉，有一个'）'缺失:(现在看看小提琴:) –

<basefont>

过时此功能已经过时。尽管它仍支持浏览器，但在新项目中不鼓励使用它。尽量避免使用它。

摘要

的HTML BASEFONT元件（）建立为一个文件一个默认字体大小。字体大小可以使用元素相对于基本字体大小变化。

HTML 3.2支持BASEFONT元素，但仅与大小属性。

严格的HTML和XHTML规范不支持此元素。

尽管是过渡标准的一部分，但一些标准重点的浏览器（如Mozilla和Opera）不支持此元素。

此元素可以用元素上的CSS规则模仿。

XHTML 1.0需要此元素的尾部斜线：。

2013-10-07 19:57:22

回答