ScreenScaler - 大屏缩放适配器

📱 GitHub

🎯

多种缩放模式

支持自动、宽度、高度、拉伸、无缩放五种模式，满足不同场景需求

📱

响应式设计

自动响应窗口大小变化，智能居中和滚动条控制

💪

TypeScript

完整的类型定义支持，提供优秀的开发体验

🚀 在线演示

📊 实时缩放信息

初始化中...

缩放模式:

设计尺寸:

💡 快捷键: 按 1-5 快速切换缩放模式

🖥️ 大屏展示内容

设计尺寸: 1920x1080

当前模式: auto

🎮 试试改变浏览器窗口大小

⚙️ 或者切换不同的缩放模式

📦 安装使用

NPM 安装

npm install @scqilin/screen-scaler

基本用法

import { ScreenScaler } from '@scqilin/screen-scaler';

const scaler = new ScreenScaler({
  container: '#app',
  designWidth: 1920,
  designHeight: 1080,
  mode: 'auto'
});