Firefox在不同的計算機上以不同的計算方式計算元素寬度

Question

我今天遇到了一個奇怪的情況。我在Joomla網站（http://boaz.simplem-test.tk）中建立了一個問題，用Firefox確定不同計算機之間的li（列表項）的寬度。 問題在於頂部菜單。一臺計算機的整個ul.main.menu寬度計算爲705px，另一臺計算機的計算寬度爲722px。當我看着物品的寬度，每一個都有1-2個像素的差異。 兩臺電腦都具有相同版本的Firefox（20.0.1），兩者都在相同的操作系統（Windows 7）上運行。 任何想法爲什麼會發生這種情況？

Answer 1

打開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"，並且可能會解決該問題。 בהצלחה！