一、数据可视化项目适配方案
1、项目需求
- 设计稿是1920px
- PC端适配: 宽度在 1024~1920之间页面元素宽高自适应
2、适配方案
1)、布局说明
移动端:
- flexible.js 把屏幕分为 10 等份
- 移动端的效果图是 750px
- cssrem 插件的基准值是 75px
- rem值自动生成
PC端:
- flexible.js 把屏幕分为 10 等份
- PC端的效果图是 1920px
- cssrem 插件的基准值是 192px
- rem值自动生成
项目的PC端设置:
- flexible.js 把屏幕分为 20 等份