html - HTML-菜单项在90％和110％缩放时关闭一个像素

我为我工作的公司更新了网站的内容（而不是通过CMS）。我绝不是专家，但是可以满足我们的需求。 http://www.surreyilc.org.uk是网站。

我最近在定位第一个顶部栏菜单项（HOME / WHO WE ARE）时发现错误，无法弄清其原因。

菜单项的位置比在Chrome，Firefox和IE中分别放大90％和110％时的位置高1个像素。所有其他缩放量都不会在定位中显示此错误。

谁能告诉我为什么这样做以及潜在地解决问题的方法吗？

提前非常感谢您。

最佳答案

删除菜单项的高度和顶部填充，并使用以下样式

a.navitem, a.navitem:link, a.navitem:visited, a.navitem:active
{
    ...
    height: 35px;
    line-height: 35px;
}
a.navitem.double, a.navitem.double:link, a.navitem.double:visited, a.navitem.double:active
{
    ...
    line-height: 16px;
}

关于html - HTML-菜单项在90％和110％缩放时关闭一个像素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40863985/