当前位置: 首页 > 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;

http://www.xdnf.cn/news/1038655.html

相关文章:

  • 动目标显示处理解析六(重频参差扩展盲速)
  • static的三种作用
  • 【C++】模拟实现map和set
  • [Linux入门] Linux磁盘管理与文件系统
  • YOLOv3 中的 IoU 计算详解
  • 在Ubuntu linux终端写文件的方法
  • FFmpeg开发笔记(七十一)使用国产的QPlayer2实现双播放器观看视频
  • 【Zephyr 系列 25】多芯片协同设计:主控 + BLE + LoRa 芯片的统一调度与消息系统
  • 什么是泛型,如何使用它?
  • 动态组件(component)的高级使用
  • PL端DDR3读写(1)
  • 转换专家从格式转换到创意剪辑的全链路解决方案
  • AIGC 基础篇 Python基础(练习1)
  • 板凳-------Mysql cookbook学习 (十--6)
  • Python6.14打卡(day46)
  • StampedLock入门教程
  • 面试问题总结——关于C++(四)
  • 【卫星通信】3GPP标准提案:面向NB-IoT(GEO)场景的IMS信令优化方案-降低卫星通信场景下的语音呼叫建立时延
  • ELK日志文件分析系统——L(Logstash)
  • Flutter 状态管理与 API 调用的完美结合:从理论到实践
  • python实战:使用Python合并PDF文件
  • pyqt5,python开发软件,文件目录如何设置,如何引用,软件架构如何设计
  • 洛谷 P5711:闰年判断
  • 基于Python学习《Head First设计模式》第十一章 代理模式
  • 「Linux中Shell命令」Shell常见命令
  • Vue 3 砸金蛋互动抽奖游戏
  • Redis事务与驱动的学习(一)
  • 出现端口占用,关闭端口进程命令
  • Redis三种集群概述:主从复制、哨兵模式与Cluster模式
  • MySQL 究极奥义·动态乾坤大挪移·无敌行列转换术