当您更改浏览器大小时，Bourbon 如何更改字体大小？答案

【问题标题】：How does Bourbon change the font size when you change your browser size?当您更改浏览器大小时，Bourbon 如何更改字体大小？
【发布时间】：2014-10-15 03:18:20
【问题描述】：

我正在使用 Thoughtbot 的 Bitters/Neat/Bourbon 堆栈。当我调整浏览器窗口大小时，字体大小会更改以匹配可用空间。但是，当我通过 JS 更改屏幕内容时，字体大小不会更新。如何在不调整浏览器大小的情况下更新字体大小？

【问题讨论】：

究竟如何通过JS改变屏幕内容（提供一些代码）？
您的问题似乎是一个非常通用的 CSS/JS 问题。 Bourbon 及其库不会更改字体大小。您可能想阅读一下媒体查询的工作原理以及 Javascript 在网页中的作用。这将使您更好地了解它们之间的关系。
谢谢大家 - 我不明白为什么波旁威士忌会改变尺寸，最后，它是别的东西。

标签： css fonts sass bourbon neat

【解决方案1】：

默认情况下，当您更改浏览器大小时，Bitters 不会更改字体大小。在此处查看排版文件：https://github.com/thoughtbot/bitters/blob/master/app/assets/stylesheets/_typography.scss

【讨论】：

【解决方案2】：

我忘记了 fullscreen.js 的字体大小操作 - 这就是在页面重新加载时更改我的 font-size 属性的原因。由于该库没有公开更改字体大小的方法，因此我必须复制该方法并在更改窗口内容时调用它。

【讨论】：

【解决方案3】：

您必须为每个 @include 设置字体大小...

【讨论】：