Php 导航菜单项在不同页面上更改大小

我的导航菜单项在不同的页面上改变大小，我不知道为什么。主内容之前的dom没有什么不同，但是，从主页到联系人页面，整个菜单的大小增加了大约7个像素，从655px增加到672px。我尝试了Chrome和MS Edge，两种浏览器都有。我使用em作为菜单字体大小，但在inspector中，它对两个页面都计算为16px，所以不是这样。菜单实际上是使用服务器端包含带入页面的，因此html本身和关联的css在两个页面中是相同的

这其实没什么大不了的，但我想弄清楚为什么会发生这种事。我会把相关的代码放在这里，但不知道是哪个代码引起的。这是一个基本的html/css网站，虽然联系人页面是php，但这可能与此有关吗

https://avayoupaint.com

---

我不应该这样做，因为你们不应该分享一个生产站点的链接，而是分享你们菜单的代码和相关样式

如果你像我一样在Mac电脑上，检查一下菜单，你会发现字母o代表家是不同的。使用DevTools进行检查，您将看到一个页面服务于opensan，另一个页面服务于Helvetica

在代码的某个地方，您没有一致地加载字体，这可能是文件路径问题。一种字体与另一种字体的字母形状略有不同，说明7px的差异

编辑：DevTools可能会为您显示以下内容：

阻止加载混合活动内容“http://fonts.googleapis.com/css?family=Open+Sans:300400500600700800“

---

确保使用https协议加载Google字体以避免此问题。

我无法复制此问题。所有页面上的菜单大小相同655pX只有两个工作页面。主页和联系人。在联系页面上是661.9px。您使用的浏览器是什么？这是您的联系人页面，在我的chrome浏览器上显示为655px。哇，真是太棒了。我刚试过一台完全不同的电脑，它也有同样的问题。我知道我应该链接一个生产站点，但我觉得肯定不止是我菜单的代码和样式。Open SAN以完全相同的代码加载到两个页面的头部。我正在使用chrome inspector for pc，字体系列计算为两个页面的开放SAN。尝试使用Firefox，它在DevTools中有一个方便的字体选项卡。Open SAN显示在主页上，而Helvetica显示在联系人页面上。混合内容被阻止，因为其中一个加载的是http而不是https。我不知道你的mac电脑，但在我的电脑上，两个页面都是https。Firefox中的DevTools使用开放式SAN甚至可视化显示这两个页面，你能告诉我吗？？不同的字体很容易解释为什么大小会改变。但你似乎有一个完全不同的问题…我猜你的内容是作为包含或类似的东西导入的，这意味着它没有什么不同？我必须下载并安装firefox。Chrome在2台不同的pc上同时显示开放式SAN。同样的事情在Edge中也会发生，但并没有右键单击菜单，所以我甚至不知道Edge是否有devtools