Css 六边形图案不适用于ems？

所以在这里我试图学习六边形是如何工作的。我当前保存了以下代码笔：

修改自

正如你所看到的，我不理解定位背后的潜在魔力。即使我的em值相同，也不起作用。六边形相对于原始代码笔被置换

原因是什么

好的，快到了：

---

你的宽度太宽了

#categories{
  overflow:hidden;
  width:80%;font-size:0.4em;
  margin:0 auto;
}

改为：

#categories{
  overflow:hidden;
  width:50%;font-size:0.4em;
  margin:0 auto;
}

---

你也可以把所有的东西都放进一个容器里，这样它就不会溢出。

但问题是我想让它占据任何宽度。现在马克斯好像是三排了吧seems@CarlosMaros它已经被设计成响应性很强。如果要更改布局，则需要更改周围的所有第n个子样式there@vals我确实试过一些东西，但不能很好地理解这一点。我对第n种字体很熟悉，但不知何故我做不到。原版使用百分比表示大小，这使得它在保持布局不变的意义上具有响应性。而不是将布局重新适配到可用的大小。如果你想要后者，这可以是一个有点广泛的重新安排。第n个子设置不起作用我在这里更新了我的答案，用一种方法来调整每行六边形的数量。虽然它不使用em单位，但它似乎是您正在寻找的

#categories{
  overflow:hidden;
  width:50%;font-size:0.4em;
  margin:0 auto;
}