woostercollective.com / 响应式转换没有响应答案

【问题标题】：woostercollective.com / Responsive Transition not respondingwoostercollective.com / 响应式转换没有响应
【发布时间】：2012-02-25 07:03:06
【问题描述】：

当切换窗口大小时，它们会发生一些很好的响应式转换，似乎是用 jQuery 加载的——但我不知道他们是如何使用每个 div 容器调用和自定义它的。他们经常去哪里？

使用加载的 jQuery 过渡，将它们附加到 div，并在 min-widths 中使用媒体查询进行定义？

他们如何实现他们的 jQuery 响应式转换？

另外 - 有点有趣，他们的网站实际上并没有在移动设备上响应（在 iOs/andrdoid 上查看）也许他们错过了他们的 viewport meta 或者这只是一种奇特的趋势？

【问题讨论】：

【解决方案1】：

他们正在使用 Masonry 插件

http://masonry.desandro.com/

过渡是位置值动画的 css 过渡。

例如（在 webkit 中）：

-webkit-transition-property: left;
-webkit-transition-duration: 1s;

当 css 的“left”值发生变化时，元素被告知在 1 秒的时间段内为“left”值设置动画，而不是立即跳转到该位置。

【讨论】：