Change History
Message: 文字屬性font的跨瀏覽器案例解析：使用%來設定大小的文字，其顯示狀況會因瀏覽器而異
Changed By: JinJin
Change Date: February 10, 2012 01:41AM
文字屬性font的跨瀏覽器案例解析：使用%來設定大小的文字，其顯示狀況會因瀏覽器而異
<h3>文字屬性font</h3>
<h4>使用%來設定大小的文字，其顯示狀況會因瀏覽器而異</h4>
相異瀏覽器：FF、IE6、IE7、OP
<b>問題描述：</b>
一般瀏覽器的預設字體大小為16像素。
我們雖然可以將文字大小設定為1%~100%，但實際上的顯示大小卻不會以1%為單位進行變化。16像素的文字，以像素為單位在個人電腦的畫面上顯示時，也只能呈現1px~16px共 16個階段的大小，而且設定多少%時會以多少px顯示出來，會因瀏覽器而有所不同，所以我們必須特別注意時計顯示的大小。
目前在CSS中設定文字大小時，使用%為單位做設定的方式已為主流。然而根據設定%值不同，在各瀏覽器中所顯示的大小會有差異，依情況不同，有時可能會造成難以閱讀的狀況。
<b>解決方法</b>：
1)在IE7,FireFox2與Opera9中設定大小為70~75%之文字顯示結果，以文字72%為例，在IE7與Opera9中是以一班較小的文字顯示，但在FireFox2則是使用更小一級的尺寸來顯示，這是相當難以閱讀的尺寸，這種音瀏覽器而造成的文字大小差異，雖然可以在瀏覽器做測試再做最後做修正，但若能先知道離覽器育社大小及對應的%設定值的顯示結果，就可避免設定出產生問題的%值。
<b>參考文章：</b>
XHTML+CSS虎之卷，旗標出版社，大藤幹著，p.173-1741)在IE7,FireFox2與Opera9中設定大小為70~75%之文字顯示結果，以文字72%為例，在IE7與Opera9中是以一般較小的文字顯示，但在FireFox2則是使用更小一級的尺寸來顯示，這是相當難以閱讀的尺寸，這種因瀏覽器而造成的文字大小差異，雖然可以在瀏覽器做測試再做最後做修正，但若能先知道瀏覽器預設大小及對應的%設定值的顯示結果，就可避免設定出產生問題的%值。
<b>參考文章：</b>
XHTML+CSS虎之卷，旗標出版社，大藤幹著，p.173-174
Original Message
作者: JinJin
Date: February 10, 2012 01:35AM
文字屬性font的跨瀏覽器案例解析：使用%來設定大小的文字，其顯示狀況會因瀏覽器而異
文字屬性font
使用%來設定大小的文字，其顯示狀況會因瀏覽器而異
相異瀏覽器：FF、IE6、IE7、OP
問題描述：
一般瀏覽器的預設字體大小為16像素。
我們雖然可以將文字大小設定為1%~100%，但實際上的顯示大小卻不會以1%為單位進行變化。16像素的文字，以像素為單位在個人電腦的畫面上顯示時，也只能呈現1px~16px共 16個階段的大小，而且設定多少%時會以多少px顯示出來，會因瀏覽器而有所不同，所以我們必須特別注意時計顯示的大小。
目前在CSS中設定文字大小時，使用%為單位做設定的方式已為主流。然而根據設定%值不同，在各瀏覽器中所顯示的大小會有差異，依情況不同，有時可能會造成難以閱讀的狀況。
解決方法：
1)在IE7,FireFox2與Opera9中設定大小為70~75%之文字顯示結果，以文字72%為例，在IE7與Opera9中是以一班較小的文字顯示，但在FireFox2則是使用更小一級的尺寸來顯示，這是相當難以閱讀的尺寸，這種音瀏覽器而造成的文字大小差異，雖然可以在瀏覽器做測試再做最後做修正，但若能先知道離覽器育社大小及對應的%設定值的顯示結果，就可避免設定出產生問題的%值。
參考文章：
XHTML+CSS虎之卷，旗標出版社，大藤幹著，p.173-1741)在IE7,FireFox2與Opera9中設定大小為70~75%之文字顯示結果，以文字72%為例，在IE7與Opera9中是以一般較小的文字顯示，但在FireFox2則是使用更小一級的尺寸來顯示，這是相當難以閱讀的尺寸，這種因瀏覽器而造成的文字大小差異，雖然可以在瀏覽器做測試再做最後做修正，但若能先知道瀏覽器預設大小及對應的%設定值的顯示結果，就可避免設定出產生問題的%值。
參考文章：
XHTML+CSS虎之卷，旗標出版社，大藤幹著，p.173-174
