大家好。
我想请你帮我解决以下问题。我做了这个小提琴来说明我的问题。
我正在尝试用对角线制作 div 模式。可能是我想错了方向，但这是我能想象的唯一解决方案。无论如何，这有两个主要问题。
在我的解决方案中，我有 100 个克隆单元：这
.square是主单元，它有四个克隆的.background子单元，每个子单元都包含附加.diagonal的旋转 div。所有尺寸都取决于.square. 反过来， 的大小.square取决于$(window).width/20。我正在尝试创建自动调整大小模式，以便在任何窗口宽度上的行中有 20 个单位。但在任何解决方案中，它要么崩溃不取决于.square's 的数量（甚至e < 1导致崩溃），要么只调整.square:nth-of-type(1).正如我所提到的，有 100 多个克隆过程。DOM 以闪电般的速度增长。那么有没有更优雅的方式来达到我愿意的相同结果？或者有没有办法在不注册 DOM 的情况下进行克隆？
提前致谢。一切都会有所帮助。