等距网格响应[关闭]

Question

谁能指导我如何获得这样的东西？

它必须是响应式的，并且要像图像中一样排列元素。

Answer 1

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

element {
  transform: rotateX(60deg) rotateZ(-45deg);
}

根据网格，使用带有 css columns 或 display: flex 的包装器并在子级上设置宽度和高度应该可以实现您想要的。

但是，通过说“它必须具有响应性”，您的意思是很多。你说的具体是什么意思？你想扩大规模吗？庄稼？滚动？有几种方法可以做这些事情。例如，通过使用视口单位或包装器宽度的百分比。或将其置于页面中心，并将溢出设置为隐藏（如果您希望裁剪边缘）。将来，如果您对这类问题更具体一些，将会很有帮助。无论如何，希望对您有所帮助。