Question

我使用基础4和SASS。但我真的找不到如何更改默认字体大小。对于我的语言，默认字体大小太大了。

我试图改变某些部分。你可能知道，它也是全宽的。首先，我改变了全宽尺寸：$ row-width：em-calc（1200） 1000到1200.我需要更广泛。这是改变全宽度的正确方法吗？

我试图改变字体大小。

$base-font-size: 100% !default;
$em-base: 16px !default;

当我改变这些。它是相关的全宽。那我怎样才能改变字体大小和全宽？如果你有sass，请告诉我需要修改的文件。

Answer 1

不是100％清楚你在问题中要求的内容，但我希望我做对了 - 你想知道如何在不改变网格大小的情况下更改字体吗？

然后可以在documentation：

中找到答案

/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. */
/* If you want your base font-size to be a different size and not have it effect grid size too, */
/* set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */
$em-base: 16px !default;

所以基本上只是设置：

@import "foundation/variables";
$base-font-size: 4px;
$em-base: $base-font-size;

将em-base更改回默认值，您将看到网格也相应地更改为$ base-font-size。你也可以通过设置行宽来做正确的事。

如果您无法使SASS函数em-calc（）工作，请确保在@import "foundation/variables";后调用它我不知道为什么在文档中使用了em-calc（），也许git上的源代码已过时 - 但我必须使用emCalc（#px） - 即：emCalc(2000px);

Answer 2

目前这是一个问题，Github repo。在新版本中修复之前，这会更改字体大小而不更改网格。

$base-font-size: 120% !default; // pixels to percent
body { font-size: $base-font-size; } // set the body font size to $base-font-size variable

基础zurb改变字体大小和全宽

2 个答案: