找到 proportion/ratio 以在给定 min/ideal/max 字体大小和 min/current/max 屏幕宽度的情况下限制字体大小

finding proportion/ratio for clamping a font size given a min/ideal/max font size and min/current/max screen width

我正在尝试创建一个限制公式(与 CSS 相同的逻辑),以使排版在 PowerApps 中更具响应性。我有一个动态计算的最小值、最大值和理想值。这给了我们:

Max(min_,(Min(ideal_),max_)))

现在我正在努力寻找那个比率。在我的例子中,屏幕宽度永远不会低于 360px,这个例子的最小字体大小是 16px,最大 40px,当屏幕 large/extra 大时(在我们的例子中意味着任何大于 900px 的东西)。

现在我如何表示一个公式来计算这两者之间的值,并考虑当前屏幕宽度?这与 PowerApps 关系不大,更多的是一个数学问题和一般的响应式设计,我只是不知道该怎么做 :D

我猜复合比例如下:

16 px f -> 360px w
x px f -> current px w
40 px f -> > 900 px w

这个逻辑对吗?现在我该怎么做?这对您来说可能看起来很明显,所以请尝试指导或提供一些 video/link/article.

谢谢大家

对于任何想知道这个的人。我想我找到了答案。

Max(minsize_,(Min((minsize_+(maxsize_-minsize_)*((App.Width - App.MinScreenWidth) / (maxscreenwidth_ - App.MinScreenWidth))),maxsize_)))

改编自https://css-tricks.com/snippets/css/fluid-typography/