讓用戶自己控制網(wǎng)頁(yè)字體的大小的css書寫方法

2020-10-23 18:39:07

字體：大中小

供稿：網(wǎng)友

現(xiàn)在國(guó)內(nèi)絕大多數(shù)的站點(diǎn)都用CSS把字體大小設(shè)定為12px，像素雖然也是相對(duì)尺寸單位，但只是相對(duì)于屏幕的分辨率，當(dāng)屏幕的分辨率一定時(shí)，如果你感到字太小，閱讀有困難，在非標(biāo)準(zhǔn)瀏覽器中就無(wú)能為力了，所以說(shuō)，如果把單位改成em，那么就可以用CTRL+鼠標(biāo)滾動(dòng)把字放大，或者用菜單上的查看>文字大小來(lái)改變字的大小。

如何設(shè)定

1.在body標(biāo)簽里將字體尺寸設(shè)為62.5%，如果在body里沒有CSS設(shè)定，那么瀏覽器默認(rèn)的大小是16px，設(shè)了62.5%，則字體尺寸=16px*62.5%=10px，這時(shí)你能用em方便地設(shè)大小了，比如你需要用12px，只要設(shè)1.2em。

body{
font-size: 62.5%;
}

h1{
fong-size: 1.4em;/* h1字的大小相當(dāng)于14px */
}
2.body里字體尺寸設(shè)為75%，則字體尺寸=16px*75%=12px，1em相當(dāng)于12px.

body{
font-size: 75%;
}

h1{
fong-size: 1.5em;/* h1字的大小相當(dāng)于18px */
}

第一種方法更好些。

如果是英文網(wǎng)站的話，還可以設(shè)定為small、x-small......

當(dāng)然這樣一來(lái)，對(duì)頁(yè)面的設(shè)計(jì)要求會(huì)高一些。

上一篇：CSS注釋、命名、繼承性、樣式排序等CSS技巧的小結(jié)

下一篇：發(fā)現(xiàn)四種在網(wǎng)頁(yè)中使用CSS樣式表的方法