2013-04-25 44 views
0

我今天遇到了一个奇怪的情况。我在Joomla网站(http://boaz.simplem-test.tk)中建立了一个问题,用Firefox确定不同计算机之间的li(列表项)的宽度。 问题在于顶部菜单。一台计算机的整个ul.main.menu宽度计算为705px,另一台计算机的计算宽度为722px。当我看着物品的宽度,每一个都有1-2个像素的差异。 两台电脑都具有相同版本的Firefox(20.0.1),两者都在相同的操作系统(Windows 7)上运行。 任何想法为什么会发生这种情况?Firefox在不同的计算机上以不同的计算方式计算元素宽度

+0

可能有一些区别...让我们来看看。两台电脑的屏幕分辨率是否相等? – Arkana 2013-04-25 08:02:40

+0

刚才检查过,屏幕分辨率一样,1366 * 768 – 2013-04-25 08:23:37

回答

0

打开CSS源代码http://boaz.simplem-test.tk/templates/main_template/css/template.css,在'主菜单'中没有显示宽度的明确设置。同样,当我使用Google Chrome右键单击“检查元素”功能(在您的情况中,由于没有“右键单击”脚本,我必须使用Chrome菜单 - >工具 - > Developer Tools),li在主菜单中报告为width:auto。由于这种情况,每个菜单项都会根据其中包含的文本自动分配一个宽度,并且菜单作为一个整体可能会受此影响。在整个菜单的所述控制台宽度计算为705px,但我无法找到代码中指定的位置。但问题的症结似乎是标题<div>,它在975px,而不是1000px,像页面的其余部分。您应该为标题指定width="1000px",并且可能会解决该问题。 בהצלחה!