可視化大屏適配方案 為什么很多web項(xiàng)目還是使用px,而不是rem?
為什么很多web項(xiàng)目還是使用px,而不是rem?Rem是HTML標(biāo)記相對(duì)于根元素的字體大小。但是,HTML標(biāo)記字體也應(yīng)該使用基準(zhǔn)大小,即PX像素。很多人錯(cuò)誤地認(rèn)為PX像素是一個(gè)絕對(duì)的大小單位,而實(shí)際的
為什么很多web項(xiàng)目還是使用px,而不是rem?
Rem是HTML標(biāo)記相對(duì)于根元素的字體大小。但是,HTML標(biāo)記字體也應(yīng)該使用基準(zhǔn)大小,即PX像素。
很多人錯(cuò)誤地認(rèn)為PX像素是一個(gè)絕對(duì)的大小單位,而實(shí)際的PX是一個(gè)相對(duì)的單位,它與屏幕分辨率有關(guān),會(huì)隨著放大縮小而變化。
主要有幾種布局方式,如三列布局,左、中、右、左、右均可使用像素,中間分布剩余寬度。
例如,一系列特殊的框架,如mobile framework 7
另一種是對(duì)多個(gè)列使用百分比,如bootstrap。
很少使用rem作為寬度的度量。如果要根據(jù)視口的大小放大,PX更容易。
例如,要制作一個(gè)750像素寬的頁(yè)面,使用不同的手機(jī),根據(jù)視圖進(jìn)行放大和縮小,REM計(jì)算太大。PX需要編寫匹配的JS,REM也需要編寫匹配的JS??傊枰帉懟赑X的輔助JS,所以最好直接使用PX。
大多數(shù)設(shè)置不需要根據(jù)視圖放大或縮小頁(yè)面。