12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
编程知识 时间:2024-12-24 18:50:41
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
CSS中的rem是相对于根元素(html元素)的字体大小来计算的。如果根元素的字体大小设置为16px,那么1rem就等于16px。如果根元素的字体大小设置为20px,那么1rem就等于20px。/* 设
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
CSS中的rem是相对于根元素(html元素)的字体大小来计算的。如果根元素的字体大小设置为16px,那么1rem就等于16px。如果根元素的字体大小设置为20px,那么1rem就等于20px。
/* 设置根元素字体大小为16px */html {font-size: 16px;}/* 以rem为单位设置字体大小 */p {font-size: 1rem; /* 相当于16px */}
当然,rem不仅可以用来设置字体大小,也可以用来设置元素的宽高等尺寸。
/* 设置根元素字体大小为20px */html {font-size: 20px;}/* 以rem为单位设置元素宽高 */div {width: 10rem; /* 相当于200px */height: 5rem; /* 相当于100px */}
总结:rem是相对于根元素字体大小来计算的单位,它的好处是可以根据根元素字体大小的变化而自适应调整尺寸。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19