文章标签

流畅排版是一种 花哨的方式，用来“描述字体属性，例如大小或行高，这些属性会根据视窗大小流畅地缩放”。它 也以其他名称为人所知，例如响应式排版、灵活字体、流畅字体等。

我们无法在不谈论响应式设计的情况下谈论网页开发。这在今天已成为常识，而且已经存在多年了。 媒体查询 是响应式设计的一部分，而且它们不会消失。自从引入……

我喜欢 Andy 的想法 在这里

.wrapper {
  width: clamp(16rem, 90vw, 70rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

通常我会在那里设置一个 max-width，但正如 Andy 所说

这在中等大小的视窗中会成为一个小问题，例如

第无数次：我们需要容器查询 在 CSS 中！你知道吗，看起来 我们正在朝着这个方向前进。

在为网站构建组件时，你并不总是知道该组件将如何使用。也许它……

响应式排版在过去尝试过很多方法，例如媒体查询和 CSS calc()。

在这里，我们将探索一种不同的方法，在最小和最大值之间线性缩放文本……

除了使用媒体查询和现代 CSS 布局（如 flexbox 和 grid）来创建响应式网站之外，我们还可以做一些被忽视的事情来更好地制作响应式网站。在本文中，我们将深入研究一些工具（围绕……

有趣的事实：有可能在没有任何媒体查询的情况下创建响应式组件。当然，如果我们有 容器查询，那么它们将对组件级别的响应式设计非常有用。但我们没有。尽管如此，无论是否……

不错的视频 来自 Kevin Powell。以下是一些笔记、想法和我在观看时学到的东西。刚出来的时候，我主要沉迷于 font-size 的使用，但它们只是函数，所以它们可以在任何地方使用……