mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-04-30 22:29:29 +08:00
38 lines
492 B
Markdown
38 lines
492 B
Markdown
---
|
||
title: CSS · Rem in CSS
|
||
slug: rem-css
|
||
tags:
|
||
- CSS
|
||
date: 2022-01-12T09:50:27.000Z
|
||
summary: CSS中的Rem是什么
|
||
lastmod: 2022-05-07T05:32:42.708Z
|
||
---
|
||
|
||
默认为浏览器默认字体大小：
|
||
|
||
```
|
||
1rem=16px
|
||
```
|
||
|
||
改变 rem 为 10px：
|
||
|
||
## 1. set px
|
||
|
||
```css
|
||
html {
|
||
font-size: 10px;
|
||
}
|
||
```
|
||
|
||
> 这种方法会让用户不能改变页面字体大小，不建议用
|
||
|
||
## 2. percentage
|
||
|
||
设置为用户浏览器字体的大小比例。
|
||
|
||
```
|
||
html{
|
||
/* 10px/16px =62.5%*/
|
||
font-size:62.5%;
|
||
}
|
||
```
|