# rem

**Repository Path**: luoob/rem

## Basic Information

- **Project Name**: rem
- **Description**: 移动端单位的运用和封装，主要为rem
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-11
- **Last Updated**: 2020-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# REM

#### 介绍
适配移动端的一种手段，使用rem布局

#### 使用

**rem(option?)**

引入后直接`rem`使用

```js
rem({
    isScale: true;
	hopeFontSize: 40;
	designPage: 750;
	boundaryCallBack: () => {//...}
})
```



`option`

可选

| 属性             | 类型     | 解释               | 默认值                           |
| ---------------- | -------- | ------------------ | -------------------------------- |
| isScale          | boolean  | 是否进行缩放       | true                             |
| hopeFontSize     | number   | 期望1rem等于多少px | 40                               |
| designPage       | number   | 设计稿宽度大小     | 750                              |
| boundaryCallBack | function | dpr边界处理函数    | dpr>3为3，3>dpr>2为2，2>dpr>1为1 |



#### 关于`isScale`

在不缩放的情况下，会存在边框`1px`的问题

> 在不同dpr的手机里，1px border显示不一致，高dpr会出现多行，低dpr出现少行
>
> ​	  dpr=3, 1px像素边框 占用3行
>
> ​	  dpr=2, 1px像素边框 占用2行
>
> ​	  dpr=1, 1px像素边框 占用1行
>
>   缩放就是采用通用适配，解决了1px在不同dpr手机下的问题