inc*_*kka 4 html css zurb-foundation
我的要求是,如果开发人员在网页上的任何地方输入一些文本而没有特定标签(<p>等),则字体大小应与<p>标签的字体大小相同.
在foundation.css我改变了html,body { font-size:0.85 }.通过此编辑,整个布局(整个网站模板)正在缩小.增加尺寸会导致反之亦然.
有没有其他方法可以安全地将我们自己的默认正文字体大小引入基础而不会损害模板？
在没有为内容包装div引入新的font-size属性的情况下,是否有任何建议可以实现我的要求？
Sam*_*ter 13
Zurb使用您在html,body {}样式中指定的字体大小来计算站点的宽度.无论你设置什么字体大小值在整个网站变为1em.如果你在css中向下看,你会发现.row {}的定义看起来像max-width:62.5em.
可以想象,当你使1em的值变小时,行的62.5em值也会变小.我不太了解用zurb的css版本修改它,因为我一直使用sass gem,但你可以调整行宽的ems数.
尝试:
所需的站点宽度/正文字体大小(px =行的最大宽度应为ems的数量).
例如
如果你想要960宽度,基本字体大小为12px
960/12 = 80
因此,您可以将行max-width设置为80em.
我敢肯定会有更好的合格人员来提供更好的答案,但这就是我理解网格的方式.
看起来你没有使用sass,所以这对这个特定的人没有帮助,但如果有人使用sass,请在基础源代码中注意这个评论components/_variables.scss:
典型的默认浏览器字体大小为16px,这使得计算网格.如果您希望基本字体大小不同并且不影响网格断点,请将$ em-base设置为$ base-font-size并确保$ base-font-size是px值.
(重点补充)
所以在导入任何或所有基础sass文件之前,你会写这样的东西:
$base-font-size: 12px;
$em-base: $base-font-size;
注意:"上面的典型默认浏览器字体大小为16px".Foundation使用normalize.css,而normalize会将其设置为默认值.