当前位置: 首页 > news >正文

uniapp的app项目,在华为pad上运行,页面显示异常

最开始为了好调试,运行成h5在浏览器调试的,调完以后,放到pad上。。。天塌了,所有页面异常,感觉被放大了好多,而且页面很乱。。。

查了很多资料,说把px改为rpx,好,全部改了,页面还是很大。。。

然后就查说改mainfest或者page.json中的rpxCalcMaxDeviceWidth"和"rpxCalcBaseDeviceWidth":,也改了,还是不行

还有设置viewport meta标签,这个本身代码设置过了,也不行

后来同事提醒说可能是pad的显示设置被调了,然后改了pad设置中的显示和字体大小,有希望!!!页面总算有点正常显示了(前提是把px都改为了rpx)

但是,每个页面还是感觉被放大了1.2倍,怎么调都不行,然后问各种AI工具,总算deepseep说中了“最小宽度设置”,如下:

检查鸿蒙Pad的系统设置

让用户检查设备的以下设置:

  1. 显示设置中的"字体大小与显示大小"

  2. 开发者选项中的"最小宽度"设置

  3. 无障碍设置中的"显示大小"

什么是最小宽度?

因为我的设备时华为MatePad Pro,所以是800dp,然后看了pad的最小宽度,不知道被谁动过,改成713了。。。。。。然后改为800,再打开项目页面,正常了!!!!!

另外会发现最小宽度经常变,可以设置固定

总结:如果uniapp的app项目,在pad上显示不正常,试下如下步骤:

1、将所有px改为rpx,可以按照设计稿的尺寸来写页面,只不过把px改成rpx就可以。

2、检查pad的设置,显示和字体 设置,以及开发人员中的最小宽度(如果经常变化,可以关闭智能分辨率)

3、图片,需要设置,不然会原尺寸显示。

background-size: cover; /* 或 contain, 100% 100% */
    background-repeat: no-repeat;
    background-position: center;

相关文章:

  • Odoo 如何系统地管理产品从概念设计到废弃淘汰的全过程
  • pycharm 2025.1.1-专业版jupyter notebook远程连接
  • 从STM32到NXP:GPIO就像装修房子,多了个“智能开关”
  • RabbitMQ的交换机和队列概念
  • 前端面试专栏-主流框架:7. React核心概念(组件、JSX、状态管理)
  • 从数据孤岛到智能决策:数据编排如何重构企业数据架构?
  • Java重构实战:小步快跑的高效策略分析
  • 创客匠人:AI重构知识IP定位与变现效率新范式
  • 浏览器读取图片的元数据XMP
  • langchain从入门到精通(七)——利用回调功能调试链应用 - 让过程更透明
  • 如何在 Elementary OS 上安装 Snap Store
  • HarmonyOS 5鸿蒙多端编译实战:从Android/iOS到HarmonyOS 5 的跨端迁移指南详
  • 【Unity】MiniGame编辑器小游戏(一)俄罗斯方块【Tetris】
  • Python 自动化测试/脚本
  • 使用 vscode 开发 uni-app 项目时如何解决 manifest.json 文件注释报错的问题
  • Java-46 深入浅出 Tomcat 核心架构 Catalina 容器全解析 启动流程 线程机制
  • Linux集市采购指南[特殊字符]:yum和apt的“抢货”大战!
  • 【Linux教程】Linux 生存指南:掌握常用命令,避开致命误操作
  • 如何安全高效地维护CMS智能插件?
  • 计算机网络-自顶向下—第三章运输层重点复习笔记
  • 如何看网站空间问题/seo站内优化培训
  • 电子商务网站开发实训总结/百度推广怎么样
  • 网页设计与制作实训报告心得体会2000字/旧版优化大师
  • 网站建设策划书的撰写/网站源码交易平台
  • 宇锋网站建设/泉州全网营销优化
  • 中企动力是私企还是国企/朝阳seo排名优化培训