createFlexible

Functions

createFlexible()

createFlexible(options): Object

创建基于 rem 的灵活布局工具

Parameters

Parameter	Type	Description
options	CreateFlexibleOptions	配置项

Returns

Object

off

off: (callback) => void

移除 rem 更新回调

Parameters

Parameter	Type
callback	FlexibleCallback

Returns

void

on

on: (callback, once?) => _EventHookOff

注册 rem 更新回调

Parameters

Parameter	Type
callback	FlexibleCallback
once?	boolean

Returns

_EventHookOff

Example

const flexible = createFlexible()

// 注册监听
const off = flexible.on(() => {
console.log('rem 更新了！')
})

// 移除监听
off()

setup

setup: () => void

安装 rem 灵活布局功能

1. 设置根字体大小
2. 设置 document.body 字体大小
3. 添加页面监听器

Returns

void

unmount

unmount: () => void

卸载 rem 灵活布局功能

1. 还原根字体大小
2. 还原 document.body 字体大小
3. 移除页面监听器

Returns

void

Example

const { setup, unmount } = createFlexible({
  rootFontSize: 16,
  bodyFontSize: 'inherit'
})

setup() // 安装灵活布局功能
unmount() // 卸载灵活布局功能

Interfaces

CreateFlexibleOptions

Properties

Property	Type	Description
bodyFontSize?	MaybeFn<Numeric>	document.body 字体大小 Default 'inherit'
rootFontSize?	MaybeFn<Numeric>	根字体大小 Default 16