rpx 相當(dāng)于把屏幕寬度分為750份,1份就是1rpx
px 絕對單位,頁面按精確像素展示
em 相對單位,相對于它的父節(jié)點(diǎn)字體進(jìn)行計算
rem 相對單位,相對根節(jié)點(diǎn)html的字體大小來計算
% 一般來說就是相對于父元素
vh 視窗高度,1vh等于視窗高度的1%
vw 視窗寬度,1vw等于視窗寬度的1%
距離的區(qū)別rpx,pxem、rem、%、vh、vw的區(qū)別是什么?
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- px 像素,pixel的縮寫。作用:px設(shè)置固定的布局或者元素大小 rpx rpx (responsive pix...
- 大家好,我是IT修真院的學(xué)員,一枚正直純潔善良的web前端程序員 今天給大家分享一下px、em、rem、%、vw、...
- 大家好,我是IT修真院武漢分院第10期學(xué)員余佳貝,一枚正直善良的web程序員。 今天給大家分享一下,修真院官網(wǎng)cs...
- px:絕對單位,頁面按精確像素展示 em:相對單位,基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小,如果自身定義了font-size按自...
- px :絕對單位,頁面按像素計算,其值固定不變 em : 相對定位,相對于父節(jié)點(diǎn)的值來計算,缺點(diǎn):相對于父節(jié)點(diǎn)的f...