急、急、急,大屏适配的问题,大屏显示混乱,感觉挤到一块了,寻求解决方法

image.png

小屏幕是1920*1080的分辨率,但是再大屏显示统计报表都挤到一块了,大屏的分辨率是照21K(3*7块屏)显示的分辨率,但是目前显示的效果感觉大屏也是按照1K(1920*1080)的分辨率显示,请大神们帮助看看是什么原因,是大屏硬件方面的问题,还是软件适配的问题,求解答,急、急、急~!!!
**页面时使用的浏览器然后F11全屏显示,其中的图标使用iframe嵌套,使用的自适应css属性**


以下图片是大屏设置的窗口大小:

lADPDgQ9rS2N2KXNC9DND8A_4032_3024.jpg

FineReport 戎码一生 发布于 2019-12-4 14:10 (编辑于 2019-12-4 14:36)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
凌建Lv7高级互助
发布于2019-12-4 14:12

用的什么布局方式

  • 戎码一生 戎码一生(提问者) 每一个div盒子包含每一块屏的显示内容,使用css数据display:flex; 加flex:1;display:flex;flex-direction:column;(所占比) 进行布局,都是100%显示内容
    2019-12-04 14:16 
  • 凌建 凌建 回复 戎码一生(提问者) 直接剔除滚动条呢
    2019-12-04 16:31 
最佳回答
0
九亿少女的噩梦Lv2见习互助
发布于2019-12-4 14:19(编辑于 2019-12-4 14:24)

这两个位置看看修改没


  • 戎码一生 戎码一生(提问者) 报表模板设置了自适应,单个报表块在一块屏(1920*1080)上显示没有问题的,也是挺清晰的
    2019-12-04 14:22 
  • 戎码一生 戎码一生(提问者) 嗯嗯,设置了
    2019-12-04 14:24 
  • 九亿少女的噩梦 九亿少女的噩梦 回复 戎码一生(提问者) 你设置body大小应该按照21k的分辨率来计算,换谷歌试试,ie有问题
    2019-12-04 14:27 
  • 戎码一生 戎码一生(提问者) 问题上图片是body设置了height:100% width:100%, 显示都挤一块了; 我也试过把body设置成3*7块屏的分辨率显示也就是 height:3240px; width:13440px; ,但是在大屏上显示的效果和单快屏显示的一致,也就是上下都出现滚动条,感觉大屏也成了1920*1080的显示分辨率了。。。
    2019-12-04 14:33 
最佳回答
0
hpmpkkLv3中级互助
发布于2019-12-4 14:54

https://help.finereport.com/doc-view-2180.html 你可以按照案例里面的 添加js把滚动条给去掉

  • 5关注人数
  • 1236浏览人数
  • 最后回答于:2019-12-4 14:54
    请选择关闭问题的原因
    确定 取消
    返回顶部