# rem2

**Repository Path**: yanyancoming/rem2

## Basic Information

- **Project Name**: rem2
- **Description**: 用媒体查询完成移动端自适应
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://yanyancoming.oschina.io/rem2/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-03-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#rem2

```
//利用媒体查询，对rem赋值，将屏幕分份儿
@media (min-width: 320px){
    html {
        font-size: 320/30px;
    }
}
@media (min-width: 750px){
    html {
        font-size: 750/30px;
    }
}
。。。。。。
```

+ 原理：rem = html的font-size
+ 根据rem比例可以实现自适应
+ 例如：设计稿为750px;( rem = width/30)
+ padding :10px; 
+ ——> padding :10rem/25;
+ ——> padding:10*(width/30)/(750/30) === 10*width/750
+ ——> 大小会随着屏幕宽度而成比例改变，即可实现屏幕自适应