我一直在看代码和文档,但似乎无法弄清楚。大多数内容标签的硬编码字体大小均为1rem,这使得字体大小继承无法实现。

这是Foundation的默认CSS:
https://github.com/zurb/bower-foundation/blob/master/css/foundation.css#L3481

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }


在理想的情况下,如果将容器的字体大小设置为20px,则所有内容都应继承它并从那里继续工作-这应该包括段落,列表,引号,并且标题应以此为基本大小。

这在Foundation上不会发生,请参见JS Bin上的以下代码片段。

http://jsbin.com/muqij/1

我设法做到这一点的唯一方法是将字体大小重新设置为em并更改容器的大小。

我想相信我在这里错过了一些东西。

最佳答案

通常,您不希望继承字体大小,因为它会导致不一致并导致设计嘈杂。它还可以将您的样式和标记纠缠在一起,成为一堆僵硬的烂摊子。想象一下每次出现不同外观的警报框。

但是,如果您确实需要这种行为,则可以使用Sass版本编辑settings

10-05 20:55
查看更多