woostercollective.com/响应式转换未响应

woostercollective.com / Responsive Transition not responding

本文关键字：响应转换 woostercollective com 更新时间：2023-09-26

我想知道http://www.woostercollective.com

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

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

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

还有一点有趣的是，他们的网站实际上并没有在手机上做出回应（在iOs/andrdoid上查看）也许他们错过了viewport meta，或者这只是一种奇特的趋势？

他们正在使用Masonry插件

http://masonry.desandro.com/

转换是css转换，其中位置值设置了动画。

例如（在webkit中）：

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

当css"left"值更改时，元素会被告知在1秒的时间段内为"left"的值设置动画，而不是立即跳到那个位置。