无法删除列表项周围的空白边框。

Question

我的导航条变成了移动设备的下拉菜单。这是一个CSS菜单，但是，下拉项目周围有一种白色空间或边框。

我尝试了这里列出的所有选项。如何去除列表项之间的空间 不幸的是，这些解决方案对我来说并不奏效。我还将菜单拆开，通过将#navigation a的margin-top移到0，将背景的不透明度降低0.05，以及将列表项的高度设置为38px，可以补救一些边框。不过，"边框 "在某些设备上仍然很碍眼，包括iPhone X。

这个网站是我自己的音乐项目的网站，所以我把它上线了，万一有帮助呢。http:/mynameisdidi.com。

@media screen and (max-width: 695px) {
  .hamburger {
    display: none;
  }
  .hamburger.showClass {
    display: block;
    position: fixed;
  }
  nav {
    position: relative;
    z-index: 500;
  }
  ul {
    float: right;
    width: 100%;
    transition: .45s ease-in;
    margin-top: -25px;
  }
  li {
    width: 95%;
    height: 38px;
  }
  #navigation a {
    display: block;
    width: 58.5%;
    margin-right: 1px;
    margin-top: 0;
    float: right;
    background-color: rgba(255, 255, 255, 0.75);
    color: #b406c7;
    /*magenta*/
    text-align: center;
    padding: 6px;
    font-size: 19px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
  }
}

<div class="hamburgerIcon" onclick="toggleClass()">
  <h2>&#9776;</h2>
</div>

<nav id="navigation">
  <ul class="hamburger">
    <li><a href="index.html">Home</a></li>
    <li><a href="music.html">Music</a></li>
    <li><a href="bio.html">Bio</a></li>
    <li><a href="booking.html">Booking</a></li>
  </ul>
</nav>

如果这个帖子不符合发帖标准，对不起，我第一次在这里发帖。以后有什么事就告诉我，谢谢）。

Answer 1

如果你的意思是li元素之间的空间，它导致height: 38px;. 改一下（去掉）就没有间距了。

![我是如何看待li空格的][1] 。 https:/i.stack.imgur.comv6Rhl.png。