CSS里面,rem是什么单位?

html-css024

CSS里面,rem是什么单位?,第1张

rem是一个相对单位,相对根元素字体大小的单位。我们只需要指定根元素为参考值,就可以了。主要用于屏幕适配布局,移动端使用比较广泛。使用这种方式,只要根据不同屏幕设置不同的根元素即可使系统适配不同的屏幕。

希望可以帮到你

用gulp-replace写个任务替换rem。varreplace=require('gulp-replace')gulp.task('pxToRem',function(){returngulp.src('*.html').pipe(replace(/(\d+)px/g,function(match,p1){returnNumber(p1)/10+'rem'})).pipe(gulp.dest('dir'))})

rem是相对于根元素文字大小的一个尺寸单位;

例如:html{font-size:50px}

div{font-size:0.5rem}/*div中字体大小为:25培训;*/