Css 基金会的规模是多少?

Css 基金会的规模是多少?,css,zurb-foundation,typography,Css,Zurb Foundation,Typography,最小宽度为40em的基础刻度h1-h6。我正在覆盖Foundation的默认h1字体大小。我将我的h1设置为字体大小:1.4rem。我试图找出如何在最小宽度上缩放它:40em,与基础缩放成比例。我想我的h1应该在2.9雷姆左右 这是默认定义的字体大小 /p> h1 1.5雷姆 h2 1.25雷姆 h3 1.1875雷姆 h4 1.125雷姆 h5 1.0625雷姆 h6 1rem 这是在最小宽度定义的字体大小基础:40EM @media print, screen and (min-wi

最小宽度为40em的基础刻度h1-h6。我正在覆盖Foundation的默认h1字体大小。我将我的h1设置为字体大小:1.4rem。我试图找出如何在最小宽度上缩放它:40em,与基础缩放成比例。我想我的h1应该在2.9雷姆左右

<强>这是默认定义的字体大小<强/> /p> h1 1.5雷姆

h2 1.25雷姆

h3 1.1875雷姆

h4 1.125雷姆

h5 1.0625雷姆

h6 1rem

<强>这是在最小宽度定义的字体大小基础:40EM <强>

@media print, screen and (min-width: 40em) {
h1 {
  font-size: 3rem; }
h2 {
  font-size: 2.5rem; }
h3 {
  font-size: 1.9375rem; }
h4 {
  font-size: 1.5625rem; }
h5 {
  font-size: 1.25rem; }
h6 {
  font-size: 1rem; } }

更改基础页眉字体大小的正确方法是打开<强> >设置。SCSs<强>文件,在“4。基础排版”下,编辑这些行:

$header样式:(
小型:(
“h1”:(字体大小:24),
“h2”:(字体大小:20),
“h3”:(字体大小:19),
'h4':('font-size':18),
‘h5’:(‘字体大小’:17),
'h6':('font-size':16),
),
中等:(
“h1”:(字体大小:48),
“h2”:(字体大小:40),
'h3':('font-size':31),
'h4':('font-size':25),
‘h5’:(‘字体大小’:20),
'h6':('font-size':16),
),

);好的,将2个值除以,得到计算您的系数,对于
h4
它是1.5625/1.125=1.38889,这假设OP使用SASS。这将不适用于预先编译的CSS版本的基金会。