若是你有這樣一個需求：有好幾個元素容器（好比：DIV），它們填充的內容不只肯定，咱們須要保持它們的高度精準的相同？如何實現呢？就以下圖所示那樣：jquery
高度一致的效果git
看着是否是很簡單？找出最多內容的DIV高度，一塊兒設置就好了？你可能會遇到各類問題，好比：邊緣的處理。畢竟，你不肯定它（DIV）裏邊會填充是什麼東東？可能你不敢確定任何元素均可以奏效？github
那麼，爲了讓未知的風險可控，咱們今天來看一個在匹配高度很精準的jQuery插件：matchHeight.js。瀏覽器
那麼什麼是matchHeight.js呢？佈局
它是一個響應式高度匹配的jQuery插件，它有那些特色呢？單元測試
能夠自動匹配元素組的高度；能夠設定最大高度，也可制定特殊元素。測試
自動適應窗口(window)大小，對於行排列的增長感應（適用浮動元素float、複雜的父元素包裹）。插件
對於延遲加載的圖片、視頻等load後更新高度。3d
保持滾動位置，支持回調，支持單元測試，支持模塊加載等。視頻
支持全部現代瀏覽器（Firefox、Chrome、Safari、IE8+），移動端支持也很好。
那麼怎麼使用它呢？
首先，你須要到github上搜索：matchHeight，引入：jquery.matchHeight.js
而後在jquery.ready裏初始化元素，好比：$(".item").matchHeight(options)。
這個options是配置項，好比：{byRow: true} 表示行的偵測，實現行排列的響應式。
那麼還有那些實例來看一下？
看到這些響應式佈局，有沒有須要的？瀑布流的場景，是否是咱們也能夠經過matchHeight.js來嘗試一下。