渐进宽度调整大小：这是出于美观还是技术原因？

Question

并不是说我想推广buydomains.com（实际上我鄙视他们的商业模式），但需要展示它来说明我的问题，抱歉。

我遇到了this website，当你调整浏览器窗口的宽度上/下时，元素会慢慢上调/下调（我猜是通过JavaScript），直到它们看起来符合最佳状态方式：

例如，调整浏览器宽度，您可以看到“Researchhighlights”搜索框的宽度逐渐减小，直到下面的元素放在同一行：

我已经习惯了CSS响应式设计，当达到某些断点时，元素会被调整大小并立即重新排列，所以我想知道这种方法是否可以替代CSS响应式设计（如果是这样，那么专业人士/通过让JavaScript找出最佳元素的宽度来实现利弊。

此实施背后有技术原因吗？*

**因为JavaScript能够立即进行这样的处理，因此元素重新调整大小的事实似乎肯定是某种美学决定（否则为什么让人们等待，如果你能更快地做事），不过可能仍然是它背后的一些技术原因。*

Answer 1

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

减慢过渡速度的决定纯粹是一个设计决定 - 立即做出决定没有技术限制。

在我看来（和经验），慢转换比美学上更令人讨厌，特别是在“实用”网站上。此外，屏幕调整大小事件相对较少 - 大多数用户在访问期间不会调整屏幕大小。当用户调整大小时（例如，通过转动平板电脑），他们希望能够进行即时调整。我认为没有理由不满足他们的期望。