调整内部容器中的字体大小/缩放

时间:2015-01-06 19:53:28

标签: html css fonts

我希望能够增加默认的字体大小,但只能在某个DIV内。

显然,这似乎完全 ems的意思。我的问题是我想要增加字体大小,而不会影响使用em调整大小的其他内容,例如填充和边距。

这可能看起来像一个奇怪的用例,或者我只是“做错了”。我的用例基本如下:

我的网站正在显示包含表格数据的图表。可以在摘要模式和完整模式两种模式下查看图表。摘要模式显示较小版本的图表,省略了许多数据。 “完整”版本显示了所有内容,几乎占据了浏览器窗口的宽度。

我希望能够为两个版本使用相同的样式表。但“完整”版本应该有更大的字体大小。但是,“完整”版本(以及几乎所有在屏幕左侧对齐的模块)都有一定的左边距,这样可以使所有文本与屏幕左边缘保持相同的距离。

如果我在DIV中包装“完整”版本图表只会增加基础em,它也会增加填充,从而使图表中的数据不与屏幕上的其他内容保持对齐

所以......

  1. 有哪些解决方案可以在不增加填充的情况下增加字体大小?
  2. 我是以某种方式“做错了” - 将em单位用于填充或边距等内容是错误的吗?

1 个答案:

答案 0 :(得分:2)

例如,在您的情况下,使用rem代替em padding,因为它不受页面中其他元素更改的影响,因为它基于页面的root字体大小(如果我记得很清楚,则为html)。

在此好读:https://j.eremy.net/confused-about-rem-and-em/