一、引入react-scale-view依赖。
npm install react-scale-view
二、组件中使用,这样就实现大屏页面自适应大小了。
import { ScaleViewContainer } from "react-scale-view"
<ScaleViewContainer
config={{
width: 1920, // (必选)容器宽度;如 1920,
height: 1080, // (必选)容器高度;如 1080,
scaleType: "FULL_SCREEN",
}}
>
<div className={styles.container}></div>
</ScaleViewContainer>