Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
tracyzhang1998 opened this issue Sep 10, 2023 · 1 comment
Labels
good first issue Good for newcomers

Comments

@tracyzhang1998
Copy link

tracyzhang1998 commented Sep 10, 2023

问题描述

下载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
Copy link

那个改起来挺不方便的,需要我目前也只能适配几个分辨率,同样的加在/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分辨率调整 */
    }
}
`

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

3 participants