rem px em的區(qū)別面試 css中px和em有什么區(qū)別?
css中px和em有什么區(qū)別?相似性:PX和em都是長(zhǎng)度單位;相似性和差異:PX的值是固定的,很容易計(jì)算出您指定的值。EM的值不是固定的,EM繼承父元素的字體大小。瀏覽器的默認(rèn)字體高度為16px。所以
css中px和em有什么區(qū)別?
相似性:PX和em都是長(zhǎng)度單位;
相似性和差異:PX的值是固定的,很容易計(jì)算出您指定的值。EM的值不是固定的,EM繼承父元素的字體大小。
瀏覽器的默認(rèn)字體高度為16px。所以未調(diào)整的瀏覽器都符合:1em=16px。然后12px=0.75em,10px=0.625em。
關(guān)注優(yōu)秀就業(yè),多學(xué)it知識(shí)。
前端開(kāi)發(fā)中px,em,rem這些單位有哪些不同之處?
1. PX是一個(gè)固定的像素,不能適應(yīng)流的布局。通常,高度由Px設(shè)置,web應(yīng)用版本的寬度由rem.2設(shè)置。EM是相對(duì)于父元素的字體大小單位。因?yàn)樗窍鄬?duì)于父元素的字體大小單位,所以如果要設(shè)置元素的寬度和高度,必須查看其父元素的大小。如果父對(duì)象也是EM單位,則必須轉(zhuǎn)到其父對(duì)象并逐層計(jì)算以獲得準(zhǔn)確的像素值。
3. REM的出現(xiàn)改變了許多移動(dòng)終端的適應(yīng)性,因?yàn)镽EM指的是相對(duì)于根元素的字體大小單位。只要HTML根上的字體大小是根據(jù)屏幕大小設(shè)置的,rem中的元素大小就會(huì)相應(yīng)地改變。