我一直在看代码和文档,但似乎无法弄清楚。大多数内容标签的硬编码字体大小均为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。