相同的瀏覽器在不同的計算機上顯示不同

Question

我在HTML/CSS中遇到了非常奇怪的問題。我使用的是Chrome 12.0.742.122。 現在我使用的CSS樣式應用於具有Windows XP和Windows 7 Enterprise OS的兩臺不同機器上的相同html頁面。 我正在觀察的是某些元素在瀏覽器中給出了不同的效果。 即不同的字體重量，字體大小等 你可以請建議這個解決方案？ （注意 - 我用Google搜索這個問題，並發現類似的東西有不同的計算機上不同的操作系統，使鉻的表現有所不同。）提前 謝謝...

Answer 1

這可能是一個計算機啓用ClearType字體另一個則沒有。

看到這個微軟頁面上的ClearType的調諧器爲例http://www.microsoft.com/typography/cleartype/tuner/step1.aspx

擁有的ClearType開啓原因字體在多數情況下看起來更大膽和更大的，看到你的問題的波紋圖像，兩個樣品均取自相同版本的Firefox在相同的Windows XP機器上，一個ClearType關閉（頂部圖像），一個打開（底部圖像）。

Answer 2

除了抗鋸齒與否（如ClearType的設置，有什麼Re0sless顯示），其他可能的原因可能是：

• 不同的屏幕分辨率（或DPI設置）
• 不同的瀏覽器窗口大小（如果某些大小取決於此大小）
• 不同的默認字體（或字體大小）設置（如果您沒有在樣式表中覆蓋它們）

通常情況下，這是沒有理由擔心的 - 即使外觀有細微的差異，您的網頁也應該可以使用。