?
This document uses PHP Chinese website manual Release
如當前對行內(nèi)文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0+ | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>em_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> body { font-size: 14px; } h1 { font-size: 16px; } .size1 p { font-size: 1em; } .size2 p { font-size: 2em; } .size3 p { font-size: 3em; } </style> </head> <body> <h1>假定當前默認字體尺寸是14px,n em即為14px字體尺寸的n倍:</h1> <ul> <li class="size1"> <strong>1em</strong>: <p>1em大小的文字</p> </li> <li class="size2"> <strong>2em</strong>: <p>2em大小的文字</p> </li> <li class="size3"> <strong>3em</strong>: <p>3em大小的文字</p> </li> </ul> </body> </html>
點擊 "運行實例" 按鈕查看在線實例