Responsive design 使用Susy响应地调整文本大小

我刚开始和苏西打交道，遇到了一些问题，在谷歌搜索了几个小时后，我似乎找不到一个像样的答案

据我所知，Susy使用ems来配置列。当我想调整文本大小时，我的问题就出现了

具体来说，我在布局中使用rems，我必须设置以下内容：

html {
    font-size: 125%; // for 20px base font size
}

在较小的视口中，我想将主体文本的大小调整为16px

html {
    font-size: 100%; // resizes to 16px
}

问题是，为什么我这样做，插入网格的值会改变，所有内容都会变窄。

我将rems用于顶部和底部填充，我设想将susy用于左侧和右侧填充。这意味着，如果我改变字体大小，整个页面就会失控，因为网格突然变得非常窄

我相信有办法解决这个问题，但我似乎完全没有任何想法。或者我用错误的方式在susy中实现响应式设计

---

非常感谢您的帮助！谢谢

您可以停止调整容器元素的大小，也可以在移动视图中使用更多列

---

Susy将使用您想要的任何单元构建网格。您可以完全控制设置。事实上，实际网格本身通常在内部使用

%

单位构建-只有容器应用了其他单位。如果手动或使用

$container width

设置覆盖容器大小，则列将调整以填充容器。对于小屏幕，您可以将容器宽度设置为100%，然后在大屏幕上使用默认的susy宽度。

如果要更改html下的字体大小，我可以知道如何阻止容器元素调整大小吗？我的意思是我想控制外部容器元素的大小，因为它的最大宽度取决于rems中的字体大小。如果我改变字体大小，一切都会改变吗？谢谢你的帮助@Eric！是的，如果您使用rem调整网格大小，那么当您更改字体大小时，网格将更改。我不知道为什么这是个问题。如果您不希望网格响应字体大小，请为网格使用不同的单位。如果您确实希望它响应字体大小，那么您需要调整到正在设置的不同根字体大小。选择权在你。