基於動態Tile的佈局

你好我想做一個佈局，通過tile（1x1,1x2和2x2）填充一個網格，當你點擊其中一個tile時，它會擴展到一個更大的窗口並適合更大的區域在它周圍的瓷磚內。基於動態Tile的佈局

這裏是我的意思http://village.marimekko.com/

任何人都可以提出這樣做的最佳實踐，我曾希望只使用一個主題的例子，但我找不到任何完全正確！

非常感謝，

來源

2015-02-11 Simon Paffage

我建議你看一看Isotope這會照顧佈局爲你相當不錯的。對於擴展部分來說，將容器擴大到更大尺寸只是一個問題;同位素將自動重新佈局。

來源

2015-02-11 16:03:52 Eric

謝謝，您對調整大小有何建議？ jQuery的/ JS？它只是需要瞬間過渡。 – 2015-02-11 16:22:18

在你的CSS中爲每個尺寸定義一個類：'.small {width：10px; height：10px;}''.medium {width：10px;高度：20px;}'等等。理想情況下，您希望使其具有響應性（使用'％'而不是'px'）。然後你點擊後切換課程。 – Eric 2015-02-11 16:38:40

基於動態Tile的佈局

回答

相關問題