javascript - 渐进式宽度调整 : is this for aesthetic or technical reasons?

Question

不是我想宣传 buydomains.com(实际上我鄙视他们的商业模式)而是需要展示它来说明我的问题，抱歉。

我遇到了 this website当您向上/向下调整浏览器窗口的宽度时，元素的大小会慢慢向上/向下调整(我猜是通过 JavaScript)，直到它们看起来适合最佳方式:。

例如，调整浏览器宽度，您可以看到“Researchhighlights”搜索框的宽度逐渐减小，直到以下元素适契约(Contract)一行:

我习惯了 CSS 响应式设计，当达到某些断点时，元素会立即调整大小并重新排列，所以我想知道这种方法是否可以替代 CSS 响应式设计(如果是的话，优点是什么/缺点是)让 JavaScript 计算出最佳元素的宽度。

此实现背后是否有技术原因？*

** 由于 JavaScript 具有立即执行此类处理的能力，因此缓慢调整元素大小的事实显然是某种审美决定(否则，如果您可以更快地执行操作，为什么还要让人们等待)，但是可能仍然是它背后的一些技术原因。*

Answer 1

首先，使用 CSS 可以实现相同的效果，因此这不是 JavaScript 与基于 CSS 的响应式设计的情况。

放慢转换的决定纯粹是一个设计决定 - 立即执行没有技术限制。

在我看来(和经验)，缓慢的过渡比美观更令人讨厌，尤其是在“实用”网站上。此外，屏幕调整事件相对较少——大多数用户在访问期间不会调整屏幕大小。当用户调整它的大小时(例如，通过转动平板电脑)，他们期望即时调整。我认为没有理由不满足他们的期望。