简体繁体 English

2 个菜单项之间不需要的边距 header 网站（在某些页面上）

[英]Unwanted margin between 2 menu items header website (on some pages)

原文 2021-12-15 11:51:34 1 2 php/ css/ header/ responsive/ margin

I am updating my fathers' website我正在更新我父亲的网站

-- WEBSITE -- - 网站 -

A web developer made it years an ago.几年前，一位 web 开发人员就做到了。

Now I put an SSL Encryption on the website.现在我在网站上放了一个 SSL 加密。 But after that change, it seems there is an unwanted margin in the header on some pages.但在那次更改之后，某些页面上的 header 似乎有多余的边距。

I can't seem to find out where it's coming from.我似乎无法找出它来自哪里。 Image: unwanted margin between header menu items图片：header 菜单项之间不需要的边距

My screen resolution is: 1920 x 1080我的屏幕分辨率是：1920 x 1080

Anybody knows how to solve this?有谁知道如何解决这个问题？

I tried already to use different widths for the menu items and margins.我已经尝试为菜单项和边距使用不同的宽度。 But I think I am doing something wrong..但我觉得我做错了什么..

2 个解决方案

This is what I'm seeing when I click the link:这是我单击链接时看到的内容：

I think it possibly has something to do with just your screen resolution, but I'm not an expert.我认为这可能与您的屏幕分辨率有关，但我不是专家。 I know I've had plenty of experiences were if I scroll too fast or I resize the viewport, I get black lines in between items that flicker and then disappear, so it could be something like that.我知道我有很多经验，如果我滚动太快或调整视口大小，我会在闪烁然后消失的项目之间出现黑线，所以它可能是这样的。

Thank you all for responding.谢谢大家的回复。

I found the solution in siva - abc's answer.我在 siva - abc 的回答中找到了解决方案。

I added 'background-size: cover' to the list items in the CSS classes and now the problem is solved!我在 CSS 类的列表项中添加了“背景尺寸：封面”，现在问题解决了！

Thanks all!谢谢大家！