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

release-1.5.3版本、tag v1.5.4版本、tag v1.5.5版本,启动项目后,数据大屏板块页面布局异常,没有根据浏览器大小进行自适应 #498

Closed
dohkoxiaozu opened this issue May 11, 2023 · 4 comments

Comments

@dohkoxiaozu
Copy link

dohkoxiaozu commented May 11, 2023

Version

  • release-1.5.3
  • tag-v1.5.4
  • tag-v1.5.5

Node Version

16.17.0

Operating System Version

Windows 11 22H2

Expected Behavior

数据大屏页面能随浏览器大小进行自适应(不修改第三方库文件的前提下)

Actual Behavior

下载项目后,安装依赖,启动项目运行,登录后,访问头部栏的《数据大屏》,然后就会发现数据大屏页面的布局没有填充满屏,改变浏览器大小后布局也不会进行适应。
image
image

Additional Information

但是如果是使用相对应版本的官方docker镜像进行部署,数据大屏页面的布局是会自动填充满屏的,而且会随浏览器大小进行自适应。

root causes

官方上述的docker镜像部署后(如1.5.3版本),分析混淆后的代码后发现, lib-flexible 的文件里某个函数的逻辑与本地项目存在差异。

文件路径:node_modules/lib-flexible/flexible.js
官方docker版本:

function refreshRem() {
  var rem = docEl.clientWidth / 24;
  docEl.style.fontSize = rem + "px"
  flexible.rem = win.rem = rem
}

本地版本:

function refreshRem(){
    var width = docEl.getBoundingClientRect().width;
    if (width / dpr > 540) {
        width = width * dpr;
    }
    var rem = width / 10;
    docEl.style.fontSize = rem + 'px';
    flexible.rem = win.rem = rem;
}
@dohkoxiaozu dohkoxiaozu changed the title 关于数据大屏板块自适应的问题 release-1.5.3版本、tag v1.5.4版本、tag v1.5.5版本,启动项目后,数据大屏板块没页面布局异常,没有根据浏览器大小进行自适应 Jun 28, 2023
@dohkoxiaozu dohkoxiaozu changed the title release-1.5.3版本、tag v1.5.4版本、tag v1.5.5版本,启动项目后,数据大屏板块没页面布局异常,没有根据浏览器大小进行自适应 release-1.5.3版本、tag v1.5.4版本、tag v1.5.5版本,启动项目后,数据大屏板块页面布局异常,没有根据浏览器大小进行自适应 Jun 28, 2023
@CodingCattwo
Copy link
Contributor

请问你的webase-web是哪个版本的?并且该版本是通过什么方式部署的时候会出现不自动适应的问题?(如,一键部署、手动编译部署、docker部署)

@dohkoxiaozu
Copy link
Author

请问你的webase-web是哪个版本的?并且该版本是通过什么方式部署的时候会出现不自动适应的问题?(如,一键部署、手动编译部署、docker部署)

三个版本都试过:release-1.5.3、tag-v1.5.4、tag-v1.5.5
三个版本都是通过本地手动编译部署的时候会出现不自动适应的问题

@CodingCattwo
Copy link
Contributor

可参考 issue #510 修复

@dohkoxiaozu
Copy link
Author

可参考 issue #510 修复

好的,谢谢!

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

No branches or pull requests

2 participants