Question

我正在建立一个网站，并挂起了一个问题。我完美地定位了菜单栏，但出于某种原因，在更大的显示分辨率或Android设备上，“联系我们”菜单项往往会跳转到新行。网页的链接是http://uk.delux.lv只是尝试缩放它，看看会发生什么。这是菜单的CSS：

#topmenu_wrap {
    margin:auto;
    overflow: auto;
    background: #fff;
}

#topmenu {
    background-color: #fff;
    width:966px;
    margin:auto;
    padding-left: 0px;
    font-family: 'Droid Sans', sans-serif; font-weight: 400;
    font-size: 13px;
    color: #969696;
}

Answer 1

我建议将ul＆gt; li中的a标签的填充设置为padding: 16px 15px。将topnav＆gt; ul的总宽度设置为width: 966px。

除非你制作图像，否则你无法控制topnav上文本的宽度。无论用户缩放的距离或他们在浏览器中设置文本的大小，这都将使文本保持不变。

我以为我前段时间找到了一种将文本设置为静态的方法，所以当有人放大时没有发生任何事情，但我找不到它。

就扩展我而言，我不会这样做。您无法控制每个人的浏览器及其外观。在我工作的地方，我们只检查5个主要浏览器中的普通视图，如果他们改变了一些东西，那么哦。

如何让网站菜单栏保持一行？

1 个答案: