2011-04-18 63 views
1

通過Windows7 IE8查看我的應用程序時,我注意到H1和H2標籤的字體大小完全關閉且太大。Windows 7 IE8字體大小問題電子郵件

這會導致標題包裹並破壞下面的所有內容。

字體大小設置爲em而不是px,並且我不確定這是否導致問題。 font-size:2.7em;

我有XP W/IE8和應用程序看起來不錯。我也檢查了這個w/MS Expression Superview,並且它在所有瀏覽器中檢查都很好。

http://www.davincispainting.com

在這張截圖的H1 H2 &標題顯示正確。但是,如果使用Windows7 IE8查看此問題,則存在此問題。

enter image description here

這裏是H1 H2 &標籤樣式類:

#mid-feature h1 { 
color: #FF0000; 
font-family: Arial,Helvetica,sans-serif; 
font-size: 2.7em; 
} 
#midlower-feature h2 { 
color: #0C2A55; 
font-family: Arial,Helvetica,sans-serif; 
font-size: 2em; 
/*text-align:center;*/ 
} 
+0

在Win7 + IE9上看起來不錯。如果它對頁面佈局如此重要,爲什麼不使用px而不是em? – 2011-04-18 02:47:55

+0

我已經知道他們會導致怪異的行爲。 em表示(理論上)當前字體中的大寫M的寬度。我相信在歷史上它被用來衡量給定特定字體的文本的大小。但是按照ems設置字體大小是遞歸的 - 在*設置字體大小之後,你怎麼知道em是什麼? – David 2011-04-18 02:50:35

+0

@Bala我可以嘗試使用px。我看起來也很好,直到我在朋友的電腦上看到這個。我認爲這個問題可能與他們電腦的屏幕分辨率有關。 – Paul 2011-04-18 02:51:54

回答

2

您可能希望之前你的CSS包含一個CSS復位頁。重置的目的是讓所有瀏覽器的所有元素的默認狀態爲一致的狀態,因此您的特定CSS樣式在每個瀏覽器上看起來都更加一致。

YUI has a reset you can use

+0

瀏覽器對於許多HTML標記具有不同的默認CSS。良好的重置可確保所有瀏覽器都在同一個地方啓動。 – 2011-04-18 04:52:12

+0

我很欣賞大家對此的關注,我意識到這不是最優雅的問題要解決,謝謝。 – Paul 2011-04-18 13:39:52