自己的菜单栏 - 只有一行

Question

在我的网站上工作可以配置为移动，这样菜单就是我的类别彼此相邻，我希望他们自己有一条线，这样你就不需要小心你检查的内容

您可以在我的website上看到它。

CSS：

ul.menu {
  padding: 10px;
  line-height: 30px;
  background-color: #002855;
}
ul.menu li {
  width: 98px;
}

HTML：

<ul class="menu">
    <li><a href="/">Forside</a></li>
    <li><a href="/mandskab/">Mandskab</a></li>
    <li><a href="/nyheder/">Nyheder</a></li>
    <li><a href="/koretojer/">Køretøjer</a></li>
    <li><a href="/galleri/">Galleri</a></li>
    <li><a href="/kontakt/">Kontakt</a></li>
    <li><a href="/login/">Log ind</a></li>
</ul>

Answer 1

是的，您只需将移动设备的媒体查询中的display:inline样式中的display:block更改为ul.menu li，即可为您的网站更新每个列表元素线。