WeBankBlockchain / WeBASE-Web

区块链中间件平台WeBASE管理平台
Apache License 2.0
49 stars 55 forks source link

下载源码编译运行后,数据大屏页面没有填充整个页面,是偏左显示的 #510

Open tracyzhang1998 opened 1 year ago

tracyzhang1998 commented 1 year ago

问题描述

下载WeBASE-Web源码,编译运行后,数据大屏页面没有填充整个页面,是偏左显示的,如下图所示

image

注: 使用WeBASE一键部署时,显示数据大屏是没问题的,v1.5.5与v3.1.0版本都正常显示。

WeBASE-Web版本

尝试使用master、master-3.0、v3.1.0 这3个版本编译运行,效果都是与上图显示的一样

解决方案

在FISCO社群里提问了,后联系到了猫腻 (微信昵称)与 金社长,金社长协助看了下源码,在源码中加一行样式就解决了(厉害啦!) 修改文件 /src/assets/css/common.css 增加一行样式如下:

html {font-size: 80px !important; }

参考截图如下: image

调整完再次编译运行,此时显示正常了 image

感谢与建议

感谢猫腻 与 金社长的帮助,建议可以把解决方案放至有相关问题版本的源码中,避免之后小伙伴遇到相同问题.

zengraoli commented 6 months ago

那个改起来挺不方便的,需要我目前也只能适配几个分辨率,同样的加在/src/assets/css/common.css上,代码如下: ` / 默认字体大小为80px,适用于1080p分辨率 / html {     font-size: 80px !important; }

/ 对于2K分辨率屏幕 / @media (min-width: 2560px) {     html {         font-size: 107px !important;         / 根据2K分辨率调整 /     } }

/ 对于3072x1920分辨率屏幕 / @media (min-width: 3072px) {     html {         font-size: 128px !important;         / 根据3072x1920分辨率调整 /     } }

/ 对于4K分辨率屏幕 / @media (min-width: 3840px) {     html {         font-size: 160px !important;         / 根据4K分辨率调整 /     } } `