css使用rem,css使用变量-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于css 使用 rem的问题，于是小编就整理了3个相关介绍 CSS使用rem的解答，让我们一起看看吧。

css中的rem和vm的关系？
css样式中的rem是什么意思啊，1.2rem？
怎么快速将css中的px替换成rem？

css中的rem和vm的关系？

rem单位：font size of the root element.rem就是相对于根元素<html>的font-size来做计算

视窗单位：

div>

（图片来源网络，侵删）

vw : 1vw 等于视窗宽度的1%

vh : 1vh 等于视窗高度的1%

vmin : 选取 vw 和 vh 中最小的那个

（图片来源网络，侵删）

vmax : 选取 vw 和 vh 中最大的那个

css样式中的rem是什么意思啊，1.2rem？

CSS3新增的一个相对单位rem（root em，根em）。rem是相对于根节点（或者是html节点）。如果根节点设置了font-size:10px;那么font-size:1.2rem;字体大小等于12px;

怎么快速将css中的px替换成rem？

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