rpx 相当于把屏幕宽度分为750份,1份就是1rpx
px 绝对单位,页面按精确像素展示
em 相对单位,相对于它的父节点字体进行计算
rem 相对单位,相对根节点html的字体大小来计算
% 一般来说就是相对于父元素
vh 视窗高度,1vh等于视窗高度的1%
vw 视窗宽度,1vw等于视窗宽度的1%
距离的区别rpx,pxem、rem、%、vh、vw的区别是什么?
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- px 像素,pixel的缩写。作用:px设置固定的布局或者元素大小 rpx rpx (responsive pix...
- 大家好,我是IT修真院的学员,一枚正直纯洁善良的web前端程序员 今天给大家分享一下px、em、rem、%、vw、...
- 大家好,我是IT修真院武汉分院第10期学员余佳贝,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网cs...
- px:绝对单位,页面按精确像素展示 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自...
- px :绝对单位,页面按像素计算,其值固定不变 em : 相对定位,相对于父节点的值来计算,缺点:相对于父节点的f...