使用flexible进行可视化大屏适配
关于大屏可视化，大多默认是1920*1080，当然也有更高分辨率，我们做开发适配的时候，可以利用flexible进行屏幕适配工作。针对分辨率，可以进行一个宽高配比，flexible默认将屏幕分割为10份，我们可以自行处理为24份，1920/24=80，所以1rem = 80px，利用rem搭建页面，保证了基本的宽高配比在处理设计图尺寸的时候，以1920*1080举例1920/24=801rem =
·
关于大屏可视化，大多默认是1920*1080，当然也有更高分辨率，我们做开发适配的时候，可以利用flexible进行屏幕适配工作。
针对分辨率，可以进行一个宽高配比，flexible默认将屏幕分割为10份，我们可以自行处理为24份，1920/24=80，所以1rem = 80px，利用rem搭建页面，保证了基本的宽高配比
在处理设计图尺寸的时候，以1920*1080举例
1920/24=80 1rem = 80px
3940/24=80 1rem = 160px 其实就是两块1920*1080的并列拼接
17280/24=720 1rem = 720px 其实就是27（9*3）块1920*1080的排列
下载链接，写备注的地方可根据实际情况修改即可和👇👇👇
永洪科技，致力于打造全球领先的数据技术厂商，具备从数据应用方案咨询、BI、AIGC智能分析、数字孪生、数据资产、数据治理、数据实施的端到端大数据价值服务能力。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)