首页 文章

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

提问于
浏览 次
1

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

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

我试图改变字体大小 .

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

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

zurb-foundation

2 回答

  • 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（）时遇到问题，请确保在_1386180之后调用它 . 我不知道为什么在文档中使用了em-calc（），也许git上的源代码已经过时了 - 但我不得不使用emCalc（#px） - 即： emCalc(2000px);

    回复于
  • 0

    这是目前的问题，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
    回复于

相关问题