# big-screen

**Repository Path**: deardirks/big-screen

## Basic Information

- **Project Name**: big-screen
- **Description**: 大屏适配方案
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-10-22
- **Last Updated**: 2025-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bigscreen-js

#### Description

Large screen adaptation scheme

#### Install

```
npm install bigscreen-js
```

#### Usage

- import

```
import BigScreen from "bigscreen-js";
const bs = new BigScreen({
    el: "#app",
    baseWidth: 1920,
    baseHeight: 1080,
});
```

- require

```
let BigScreen = require("bigscreen-js").default;
const bs = new BigScreen({
    el: "#app",
    baseWidth: 1920,
    baseHeight: 1080
});
```

#### options

```
{
    el: "#app", // dom节点
    baseWidth: 1920, // 设计稿宽度
    baseHeight: 1080, // 设计稿高度
    useZoom: false, // 使用zoom模式缩放
    transition: 0, // 过渡时间，默认是 0
    scaleBaseOn: 'auto', // 缩放模式，新增参数，可选值 'width'（基于宽度缩放，自动缩放宽度至窗口宽度，高度自适应内容益处会出现滚动条）、'height'（基于高度缩放，自动缩放高度至窗口高度，宽度自适应内容益处会出现滚动条）、'auto' 表示自动计算宽高比适配
    resizeAuto: true, // 是否开启自动适配
    resizeDelay: 100, // resize 事件触发后延迟时间
}
```