2

我使用电子商店引擎，其中许多文本样式直接以像素定义（每个元素 - 自己的标尺），而不是相对单位。现在客户要求我将所有文本（文本、标签、标题等）放大 10%。我不想扔掉所有样式并为每个元素编写单独的新规则。

所以我正在寻找一些解决方案，它可以在 CSS 中使用简单的规则来放大所有元素的字体大小，或者，如果 JQuery 不可能的话

我尝试在 CSS 规则中使用， * { font-size: 110% !important; } 但它以递归方式工作（祖先 -> 子 -> 子 - 每个级别 +10%），因此一些具有多个祖先的文本元素变得非常庞大。

4

2 回答 2

3

所以我使用Lukasz Dziedzia 的答案中的这段代码来获取页面中的所有文本。

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

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

这比第一个答案更好:)

小提琴：http: //jsfiddle.net/dQsnk/4/

于 2013-10-07T20:03:39.560 回答
0 
<basefont>

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

概括

HTML basefont 元素 () 为文档建立默认字体大小。然后可以使用该元素相对于基本字体大小来改变字体大小。

https://developer.mozilla.org/en/docs/Web/HTML/Element/basefont

  • HTML 3.2 支持 basefont 元素，但只支持 size 属性。
  • 严格的 HTML 和 XHTML 规范不支持此元素。
  • 尽管是过渡标准的一部分，但某些以标准为中心的浏览器（例如 Mozilla 和 Opera）不支持此元素。
  • 可以使用元素上的 CSS 规则来模仿此元素。
  • XHTML 1.0 要求此元素的尾部有斜杠： .
于 2013-10-07T19:57:22.033 回答