◎文字:1. em:最具響應性。(1)使用em是一種更佳流行,更具靈活性的方法。1em等於桌面瀏覽器預設的字型大小,大部分瀏覽器的預設大小為:16px,1em=16px、2em=32px。(2)部分行動裝置的預設文字不是16px,可以用"媒體查詢"篩選。(3)要與文字大小相關時,使用em才更有意義。(4)IE會讓2em,3em...放得更大,可以透過在body裡面指定font-size:100%繞過這個問題。(5)rem:root em能避免與嵌套上層元素的em產生連結, html原始碼: <h1>問題1<span>請在下列選項中選擇適合的答案:</span></h1> css碼: body{ font-size:100%; /* ~16px */ } h1{ font-size:1.5em; /* 24px/16px */ } span{ font-size:.5em; /* 12px/24px *因為html中被嵌套在h1中,所以基準大小是繼承h1的24px/ font-size:1rem; /* 16px/16px 改以繼承html元素的字型大小,而不是包含它的div元素,所以基準大小是繼承body的16px*/ }2.百分比:如果預設字型大小是16px,100%=16px,200%=32px,和em沒有太大差別。 body{ font-size:100%; /* ~16px */ font-family:"微軟正黑體", "新細明體"; } h1{ font-size:1.5em; /* 24px/16px */ } span{ font-size:.5em; /* 12px/24px */ }