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 事件触发后延迟时间
}