做大屏的数据可视化项目的时候，用此组件包裹
做大屏的数据可视化项目的时候，用此组件包裹可实现同比例缩放
npm i react-scale-box
or
yarn add react-scale-box
使用方式
import ScaleBox from 'react-scale-box';
...
render() {
return (
<ScaleBox width={1920} height={1080}>
<div className={'screen'}>
你的页面内容
</div>
</ScaleBox>
)
}
props
width: 设计的页面宽度，默认1920
height: 设计的页面高度，默认1080
width和height表示设计稿的宽高尺寸，设定好后，就能保持这个比例展示你的内容，实现跟网易有数的数据可视化项目差不多的效果
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
