Jquery 基于动态分片的布局

您好，我想做一个布局，其中按瓷砖（1x1、1x2和2x2）填充网格，当您单击其中一个瓷砖时，它将扩展到一个更大的窗口，并适合其周围瓷砖内的更大区域

这里有一个例子来说明我的意思

有谁能建议一个最好的做法来做这件事，我本来希望只使用一个主题，但我找不到任何完全正确的

---

非常感谢，

我建议你看一下哪一个会很好地照顾你的布局。对于扩展部分，只是将容器扩展到更大的尺寸；同位素将自动重新布局。

谢谢，您对调整大小有何建议？Jquery/JS？它可能只是一个即时转换。在css中为每个大小定义一个类：

。小{宽：10px；高：10px；}

。中{宽：10px；高：20px；}

等等。理想情况下，您希望它具有响应性（使用

%

而不是

px

）。然后单击鼠标切换类。