uni-app 内置浏览器显示不正常，没有自适应缩放

uni-app 内置浏览器显示不正常，没有自适应缩放

开发环境 版本号 项目创建方式
HbuilderX 3.1.22

操作步骤：

分辨率2560x1440，缩放150%下内置浏览器显示不正常，没有自适应缩放

预期结果：

正常自适应缩放

实际结果：

没有自适应缩放

bug描述：

thinkpad X1 Carbon 分辨率2560x1440
缩放150%下内置浏览器显示不正常，没有自适应缩放。

Image 1 Image 2 Image 3


更多关于uni-app 内置浏览器显示不正常，没有自适应缩放的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

这个问题你有解决吗

更多关于uni-app 内置浏览器显示不正常，没有自适应缩放的实战教程也可以访问 https://www.itying.com/category-93-b0.html


后期优化

这是一个常见的高分屏缩放适配问题。在Windows系统高DPI环境下，HBuilderX内置浏览器的渲染可能出现缩放异常。

解决方案：

  1. 调整HBuilderX的DPI适配设置

    • 右键点击HBuilderX快捷方式 → 属性 → 兼容性 → 更改高DPI设置
    • 勾选"替代高DPI缩放行为"，缩放执行选择"系统"或"系统(增强)"

  2. 修改内置浏览器配置

    • 在HBuilderX中进入设置 → 运行配置
    • 尝试调整"Chromium命令行参数"，添加：
      --force-device-scale-factor=1

    这会将浏览器缩放强制设为100%

  3. 检查项目视口配置

    • 确保项目中正确配置了viewport meta标签：
      <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
回到顶部