等距网格响应

Question

有人可以指导我如何获得这样的东西吗？

它必须具有响应性，并且要像图像中那样排列元素。

Answer 1

在最基本的层面上，每个元素都可以像这样使用css转换：

template

根据网格，使用带有css element { transform: rotateX(60deg) rotateZ(-45deg); } 或columns宽度为＆amp;的包装器。对孩子们的高度应该达到你想要的目标。

然而，通过说'它必须有回应＆＃39;你意味着很多。具体是什么意思？你想要它扩展吗？作物？滚动？有几种方法可以做到这些事情。例如，通过使用视口单位或包装宽度的百分比。或者将其居中在页面中，并将溢出设置为隐藏（如果您希望裁剪边缘）。将来，如果您对这些问题更加具体，那将会很有帮助。无论如何，希望有所帮助。