在
网页设计中如果我们能够毫无争议地实现设计师贡献的大小会怎么样？如果我们可以设置自定义锚点来生成一个完美的响应值，在流体大小接近时给我们更多的选择，会怎么样？如果我们有一个神奇的公式来控制和同步整个项目会怎么样？
现在网页设计的排版都要考虑PC和移动端，我们也一直在优化这个过程，如何能高效的达成我们想要的结果。类似我们如何最有效地实现指定的大小？我们如何确保舒适的平板电脑视图？我们如何优化大屏幕的输出？我们该如何应对极端的长宽比？我希望能够读取不同大小(字体、空格等)的两个值。)并把它们作为参数输入到一个函数中，这个函数为我做了所有的工作。
我厌倦了为每个值编写媒体查询，我想避免设计跳转。维护和效果不尽人意。那么实现设计师贡献的最好方式是什么呢？但是对于我的项目，我通常需要更多的设置选项。平板电脑视图经常变得太小，我既不能对更大的视窗做出反应，也不能对纵横比做出反应。在整个项目中有一个成比例的同步是很好的。我可以用计算出的值定义全局变量，但是我还希望能够毫不费力地在组件中局部生成一个插值。我想画出我自己的回应线。所以我需要一个工具，它能根据几个定位点(屏幕定义)得出完美的值，并自动完成我大部分项目的过程。我的工具必须快速易用，代码必须易读易维护。
正文字体大小应为16px在移动和22px在桌面上(我们稍后将处理完整的样式指南)。移动尺寸应该从375px并不断调整以适应1024px。直到1440px尺寸将静态地保持在最佳值。之后，这些值应该线性增加到2000px，之后max-wrapper生效。为了确保良好的可访问性，我建议在每种情况下测试所有尺寸是否都足够可缩放。差异较大的参数可能不会按预期方式运行。
现在我们已经创建了一个为我们做所有工作的函数。它取一个最小值和一个最佳值，并考虑屏幕宽度、长宽比和指定的锚点，对我们的CSS属性进行计算——一个驱动整个项目的公式。没有媒体查询，没有断点，没有设计跳转。
