CSS3参考手册
»
取值与单位列表
»
长度值与单位
»
相关内容:
锟斤拷锟斤拷值锟诫单位锟轿匡拷
选择其它项
<length>
em
ex
ch
rem
vw
vh
vmax
vmin
cm
mm
q
in
pt
pc
px
em
锟斤拷锟狡憋拷页锟斤拷锟斤拷
版本:CSS1
Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+
说明:
相对长度单位。相对于当前对象内文本的字体尺寸。
如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
兼容性:
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
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前端开发参考手册系列</title> <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> <link rel="stylesheet" href="../../../../static/css/manual/css3.css" /> <!--#include file="/manual/css3/inc/header.shtml" --></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> <!--#include file="/manual/css3/inc/footer.shtml" --></body> </html>