PC/手机端共用模板
1. 描述
PC端和手机端的模板在一定程度是有区别的,如果想要制作共用模板,这时该注意点什么呢?
2. 表单(frm)
PC端用表单设计的模板在手机端通过手机重布局能够达成自适应效果。
但是在设计共用模板时需要注意:
1、组件的大小(宽高比)的设计需要同时考虑PC屏幕和手机屏幕的适用,尽量避免使用宽高比过大的组件。
由于手机屏幕的宽度有限,将宽度过宽的组件压缩在手机屏幕上显示,展现效果比较差。
例如下图,折线图涉及了一整个月的数据,这时在手机端展示就不太美观了。
2、图表的图例尽可能放在图表下方。
3. 表格(cpt)
首先,不推荐使用cpt来设计PC和移动端共用且组件较多的报表,cpt只能被整体的缩放,组件过多的表格无法同时适配于PC和移动端的屏幕。
如果是想把PC端已经设计好的报表移植到手机上来查看,需要注意:
如果不想对模板本身做调整,可以设置 ① 表头冻结显示、② 竖屏纵向自适应,通过左右滑动来查看。
如果想做一些小调整,可以参考具体两种方案助你解救移动端复杂报表。
附件列表
主题: 移动端
标签:
已验证

