uni-app HBuilder在2K分辨率WIN11系统下显示异常Bug

发布于 1周前 作者 eggper 来自 Uni-App

uni-app HBuilder在2K分辨率WIN11系统下显示异常Bug

大小显示异常

5 回复

使用单位rpx


你好,上面似乎丢图了,问题图我发在了下面

这个不只是网页内容大小异常,软件框架缩放可能也有问题

上面丢图了

2K分辨率Windows 11 系统下,使用 HBuilder 开发 uni-app 项目时,可能会遇到显示异常的问题。以下是一些常见的解决方案和排查步骤:


1. 检查 HBuilder 的缩放设置

Windows 11 在高分辨率屏幕下会自动启用缩放,这可能导致 HBuilder 界面显示异常。

解决方法:

  • 右键点击 HBuilder 的快捷方式,选择 属性
  • 切换到 兼容性 选项卡。
  • 勾选 替代高 DPI 缩放行为,并选择 应用程序系统
  • 点击 确定,然后重新启动 HBuilder。

2. 调整 Windows 显示缩放

Windows 11 的显示缩放设置可能会影响 HBuilder 的显示效果。

解决方法:

  • 右键点击桌面,选择 显示设置
  • 缩放与布局 中,将 缩放比例 调整为 100% 或更合适的值。
  • 重新启动 HBuilder,查看是否恢复正常。

3. 更新 HBuilder 到最新版本

确保你使用的是最新版本的 HBuilder,旧版本可能对高分辨率屏幕的支持不完善。

解决方法:

  • 打开 HBuilder,点击顶部菜单的 帮助 > 检查更新
  • 如果有新版本,按照提示进行更新。

4. 检查 uni-app 项目配置

如果问题仅出现在 uni-app 项目中,可能是项目的配置问题。

解决方法:

  • 打开项目的 manifest.json 文件,检查 app-plush5 配置项,确保没有错误的缩放或布局设置。
  • 如果是 H5 页面,检查 index.html 中的 <meta> 标签,确保 viewport 设置正确:
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!