Css 使用可扩展和不可扩展单元之间的故障

所以我尝试使用CSS在导航栏上设置链接样式。当我使用设置的像素值设置链接之间的间距属性时，它可以完美地工作

padding: 0 3rem;

但是，当我替换这一行时，为了可伸缩性使用以下代码

padding-left: 15%;

它会在我的屏幕上造成一个小故障，在屏幕上它靠得很近，然后在我单击它们时扩展。

---

在各种交互之后，链接会慢慢扩展到合适的大小。然后，当我按下一个链接（它还没有被设置为任何内容，所以它会返回到主页），填充会返回到0。不过，该代码在console内的设备上运行良好，只是在我测试它时，它不能在浏览器上运行。这与不正确地计算填充百分比有关吗？

不确定为什么会这样做。你试过使用Flexbox吗

如果将父元素设置为

display:flex

，则可以使用

justify content:space around

在父容器中展开链接

然后，您可以添加媒体查询并控制父容器的总大小，而无需尝试计算em或rem中的空格。Flexbox将自动平均间隔链接

---

.

工作起来很有魅力！