渐进式宽度调整：这是出于审美还是技术原因？

Question

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

我遇到了this website，当您向上/向下调整浏览器窗口的宽度时，元素会慢慢地向上/向下调整大小（我猜是通过 JavaScript），直到它们似乎以最佳方式适合： .

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

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

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

**由于 JavaScript 具有立即进行此类处理的能力，因此元素的大小调整速度缓慢这一事实肯定似乎是某种审美决定（否则，如果您可以更快地做事，为什么还要让人们等待），但是可能仍然是一些技术原因。*

Answer 1

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

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

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