CSS百分比字型大小的參照物件

admin發表於2017-02-21

一般情況下設定字型的大小都是以精確的數字方式,例如:

[CSS] 純文字檢視 複製程式碼
div{font-size:14px}

以上程式碼可以將div中的字型設定為14px。

但是有時候也會以百分比的形式設定字型的大小,這時候就要涉及到這個百分比是以誰為參考物件的。

看一段程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>CSS教程</title> 
<style type="text/css"> 
#box{font-size:12px}
#box div{font-size:300%}
</style> 
<script type="text/javascript">
window.onload=function(){
  var inner=document.getElementById("inner");
  if(document.all){
    alert(inner.currentStyle.fontSize)
  }
  else{
    alert(window.getComputedStyle(inner,null).fontSize)
  }
}
</script>
</head> 
<body> 
<div id="box">
  <div id="inner">螞蟻部落歡迎您</div> 
</div>
</body> 
</html>

相關文章