彈性布局建設(shè)網(wǎng)站時(shí)使用rem,em的好處
發(fā)布時(shí)間：2021-03-30來(lái)源：admin
<p>
1.rem,em區(qū)別：rem,em都是順應(yīng)不同網(wǎng)頁(yè)字體大小展現(xiàn)而產(chǎn)生的。其中，em是相對(duì)其父元素，在實(shí)際應(yīng)用中相對(duì)而言會(huì)帶來(lái)很多不便；而rem是始終相對(duì)于html大小，即頁(yè)面根元素。
</p>
<p>
2.使用 em 或 rem 單位進(jìn)行相對(duì)布局，相對(duì)%百分比更加靈活，同時(shí)可以支持瀏覽器的字體大小調(diào)整和縮放等的正常顯示。
</p>
<p>
3.這類布局方式的特點(diǎn)是，包裹文字的元素使用rem,em 作為單位，而頁(yè)面的主要?jiǎng)澐謪^(qū)域則使用，%，px作為單位，這樣可以讓包裹文字的元素隨著文字的縮放而縮放。
</p>
<p>
4.用em/rem定義尺寸的另一個(gè)好處是更能適應(yīng)縮進(jìn)/以字體單位外邊距或內(nèi)邊距／瀏覽器設(shè)置字體尺寸等情況（因?yàn)閑m/rem相對(duì)于字體大小，會(huì)同步改變）。
</p>
<p>
5.瀏覽器的默認(rèn)字體高度一般為16px，即1em:16px，但是 1:16 的比例不方便計(jì)算，為了使單位em/rem更直觀，CSS編寫(xiě)者常常將頁(yè)面跟節(jié)點(diǎn)字體設(shè)為62.5%，比如選擇用rem控制字體時(shí)，先需要設(shè)置根節(jié)點(diǎn)html的字體大小，因?yàn)闉g覽器默認(rèn)字體大小16px*62.5%=10px。這樣1rem便是10px，方便了計(jì)算。<br />
<div>
<br />
</div>
</p>
<p>
<br />
</p>
<p>
<br />
</p>
<p>
<br />
</p>
聯(lián)系方式： 0755-84185494
