(本文档仅供参考)
问题
有如下现象:
①用户通过在外网通过office2016制作完成的报表,导入到内网环境,查看内部报表位置会有一定的偏移,这个是为什么?
②制作好的报表发布后再别的电脑上看发现布局有偏移,这是为啥?
③出现大屏底部空白。
解决方案
对于①、②中的情况,大部分是由于系统或浏览器缩放,导致图片相对位置发生偏移,有如下步骤供排查:
步骤一、根据以往的经验是因为电脑的DPI设置问题,需要将新的环境的DPI改成和原始环境一致的DPI:
步骤二、在V95及后续的版本中对excel中的关于对象的设置项【大小和位置随单元格而变】进行了支持。如是V95及后续的版本,对于大屏制作,满足以下两个条件,基本都可以正常适应各种缩放和分辨率的设备,该方案对于不同电脑发布的报表在移动端展示时不一样的问题同样生效:
情况1、发布报表的设备需要确保系统级别的缩放为100%。
因为系统级别的缩放会影响excel的默认行高,而第三方插件转换图片高度是依据100%系统缩放的情况下转换的,如果发布的设备不是100%缩放,会导致图片的高度异常。
注:
修改系统缩放之后,需要重启excel,并对资源重新按照步骤2中方式编辑后发布;
查看excel是否是按照100%缩放打开,一般可以通过新建excel,在等线11号字体的情况下查看默认行高是否是14.25;
情况2、将图片(包括背景图和各种占位图,例如)的属性设置为【大小和位置随单元格而变】。
可在excel的【页面布局】的【选择窗格】看到当前sheet页中的所引用的图片、对象等,需对展现的对象都设置为【大小和位置随单元格而变】
【设置图片格式】模块可通过对图片右键点击设置大小和属性出现
由于系统缩放或浏览器缩放会导致浏览器对html元素长度渲染产生误差,图片的大小和相对位置都会受到影响。设置【大小和位置随单元格而变】可以让图片基于单元格的位置调整大小位置,从而降低了浏览器长度渲染误差产生的影响。
对于③中的情况,有如下排查步骤可供参考:
根据以往的经验是因为电脑的DPI设置问题,需要将新的环境的DPI改成和原始环境一致的DPI:
如是DPI保证一致的情况下仍有白边的,可尝试以下操作进行规避:
①、保证背景图的边缘不要和报表的边缘重叠,最好是要略小于报表边缘;
②、在报表边缘单元格铺上和背景图颜色类似的背景颜色;
对于比例不同的电脑中发布报表后显示有偏差的,建议以最终大屏展示的屏幕比例为准进行报表的开发。