scalePx

Namespaces

• scalePx

Functions

scalePx()

scalePx(value, options): number

数值由 px 基于当前视口大小和设计稿大小的比例进行缩放

Parameters

Parameter	Type	Description
value	number	数值
options	ScalePxOptions	配置项

Returns

number

Example

scalePx.defaults.mode = 'width'
scalePx.defaults.designWidth = 1920
scalePx.defaults.precision = 6

scalePx(100)
// => +((window.innerWidth / 1920) * 100).toFixed(6)

Interfaces

ScalePxOptions

Properties

Property	Type	Description
designHeight?	number	设计稿高度 Default 1080
designWidth?	number	设计稿宽度 Default 1920
excludeScrollbar?	boolean	获取窗口大小进行计算时是否排除滚动条大小 Default false
mode?	ScalePxMode	缩放模式 Default 'width'
precision?	number	小数精度 Default 6
useDocument?	boolean	使用 document.documentElement 获取窗口大小进行计算，将会排除窗口边框和滚动条大小 Deprecated 推荐使用 excludeScrollbar 代替 Default false

Type Aliases

ScalePxMode

ScalePxMode: "width" | "height"