沒有響應

Question

我想知道woostercollective.com /響應過渡有關http://www.woostercollective.com

他們時，窗口大小切換時出現一些不錯的響應轉變，似乎裝載jQuery的 - 但我無法弄清楚如何他們呼籲&定製它與每個div容器。你如何去很多地方？

使用jQuery的負載轉換，它們連接到的div，並在min-widths與媒體查詢定義？

他們是如何實施他們的jQuery響應的轉變？

另外 - 有趣的是，他們的網站實際上並沒有響應移動（檢查iOs/andrdoid）也許他們錯過了viewport meta或者這只是一個奇特的趨勢？

Answer 1

他們正在使用的砌體插件

http://masonry.desandro.com/ 

的轉變是在位置值動畫CSS過渡。

例如（WebKit中）：

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

當CSS「左」值改變時，元件被告知超過1秒的TIMEPERIOD動畫「左」的值，而不是僅僅立即跳躍到那個位置。