讓用戶自己控制網頁字體的大小的css書寫方法
更新時間：2007年09月18日 20:31:41 作者：
現(xiàn)在國內絕大多數(shù)的站點都用CSS把字體大小設定為12px，像素雖然也是相對尺寸單位，但只是相對于屏幕的分辨率 ，當屏幕的分辨率一定時，如果你感到字太小，閱讀有困難，在非標準瀏覽器中就無能為力了，所以說，如果把單位改成em，那么就可以用CTRL+鼠標滾動把字放大，或者用菜單上的查看>文字大小來改變字的大小。
如何設定
1.在body標簽里將字體尺寸設為62.5%，如果在body里沒有CSS設定，那么瀏覽器默認的大小是16px，設了62.5%，則字體尺寸=16px*62.5%=10px，這時你能用em方便地設大小了，比如你需要用12px，只要設1.2em。
body{
font-size: 62.5%;
}
h1{
fong-size: 1.4em;/* h1字的大小相當于14px */
}
2.body里字體尺寸設為75%，則字體尺寸=16px*75%=12px，1em相當于12px.
body{
font-size: 75%;
}
h1{
fong-size: 1.5em;/* h1字的大小相當于18px */
}
第一種方法更好些。
如果是英文網站的話，還可以設定為small、x-small......
當然這樣一來，對頁面的設計要求會高一些。
如何設定
1.在body標簽里將字體尺寸設為62.5%，如果在body里沒有CSS設定，那么瀏覽器默認的大小是16px，設了62.5%，則字體尺寸=16px*62.5%=10px，這時你能用em方便地設大小了，比如你需要用12px，只要設1.2em。
body{
font-size: 62.5%;
}
h1{
fong-size: 1.4em;/* h1字的大小相當于14px */
}
2.body里字體尺寸設為75%，則字體尺寸=16px*75%=12px，1em相當于12px.
body{
font-size: 75%;
}
h1{
fong-size: 1.5em;/* h1字的大小相當于18px */
}
第一種方法更好些。
如果是英文網站的話，還可以設定為small、x-small......
當然這樣一來，對頁面的設計要求會高一些。
相關文章
都是IE惹的禍多瀏覽器兼容問題...2007-04-04
htm頁面中<a name>加name和id的沖突附解決方法
原來在<a name="jb51"> 和<span id="jb51">是沖突的，唉弄了好一會，郁悶 臨時解決方法就是在后面的id中加了一個2，就是<span id="jb512">2008-07-07
html下利用javascript連數(shù)據(jù)庫
html下利用javascript操作本地數(shù)據(jù)庫的代碼2008-02-02
今天在藍色理想瞎逛，看見了Realazy的教程CSS Sprites，于是來自己做了個小東西，效果在這里2008-05-05
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字數(shù)=注釋的條數(shù)*2-1，這里的字數(shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
xhtml+css頁面制作過程中問題的解決方案，說是解決方案應該有點過了，充其量只不過是給剛剛開始學標準頁面制作的朋友們的一些小建議，如果講得不對的地方請多多包涵，當然也可以提出你們更好的方法，大家相互學習交流，共同成長！2008-10-10
從網上找的Iframe自適應高度，不是自已寫的！ 從哪找的忘了，要不一定寫明出處！ 放出來給自已留個備份！2008-04-04
很早以前的關于表格的高級使用技巧，建議學習，并不是一定都要用div+css布局的，很適合現(xiàn)在2008-05-05
之所以說IE不好，是因為IE會誤導了你對CSS模型的理解，讓你以為IE的理解是對的，之后無論如何你都無法用你的IE模型理論去為你那個無法在FF正常顯示的CSS提供fix。2008-09-09
BUTTON和INPUT的區(qū)別...2007-02-02