我今天遇到了一个奇怪的情况。我在我建立的 Joomla 网站（http://boaz.simplem-test.tk）中遇到问题，Firefox 确定li不同计算机之间（列表项）宽度的方式。问题出在顶部菜单上。一台计算机中的整个ul.main.menu宽度计算为 705 像素，而另一台计算机中的整个宽度计算为 722 像素。当我查看项目宽度时，每个项目都有 1-2 个像素的差异。两台计算机都有相同版本的 Firefox (20.0.1)，都在相同的操作系统 (Windows 7) 上运行。关于为什么会发生这种情况的任何想法？
问问题
167 次
1 回答
0
打开 CSS 源代码http://boaz.simplem-test.tk/templates/main_template/css/template.css，在“主菜单”中没有显式设置宽度。同样，当我使用 Google Chrome 的右键单击“检查元素”功能查看页面时（在您的情况下，由于“无右键单击”脚本，我必须使用 Chrome 菜单->工具访问它- >Developer Tools )，li主菜单中的 s 报告为width:auto. 由于是这种情况，每个菜单项都会根据其中包含的文本自动分配一个宽度，并且整个菜单可能会受此影响。在整个菜单的上述控制台宽度计算为705px，但我找不到在代码中指定的位置。但问题的症结似乎是标题<div>，它是 975 像素，而不是 1000 像素，就像页面的其余部分一样。您应该指定width="1000px"标题，这可能会解决问题。בהצלחה！
于 2013-04-25T08:25:33.013 回答