分辨率导致CSS菜单问题


Resolutions causing CSS menu issue

我一直试图解决这个问题,虽然没有运气大约一个星期。我不明白是什么原因导致菜单在a)不同的分辨率和b)不同的缩放级别下改变长度。

http://www.aplustutoring.com.au/JoomlaInstall/index.php/about

你可以清楚地看到菜单不等于正文的长度,它应该(如果不尝试一个级别不同的缩放)。我对菜单做了很多更改,我开始认为这是导致问题的原因。

关于我应该改变哪些css属性有什么想法吗?谢谢。

这是由于在页边距中使用百分比造成的。我不知道为什么要用这些。要解决此问题,请打开模板文件夹中的template.css文件。

第8行,修改如下:

margin: -0.2% 0 0;

margin: 0;

第114行修改

margin-top: -1.9%;

:

margin-top: 0;

在第114行,您可以将0更改为适合您需要的值,但是请坚持使用像素作为度量单位。

希望能有所帮助

我会移除"rt-container"的左、右填充,也会移除"rt-containerInner"的所有填充,并移除margin-left。基本上有很多容器,有些有不同的左填充值和右填充值。我将简化一切,删除任何左右填充和边距,只添加到需要它的个别项目。

菜单容器也没有完全装满菜单项,因此存在差异。我可以帮你整理一下,如果你有完整的。css文件