Uniapp在屏幕尺寸低于960出现样式错乱(开箱即用)

ops/2024/10/18 3:37:37/

我司项目突然要做平板兼容,我在调试的时候发现当屏幕尺寸低于960px发现样式但凡是以rpx单位的全部失效,如果是以px为单位那么影响就比较小,当时解决方案是写了不少媒体查询和把单位rpx改成px,后面查阅文档发现大错特错宽屏适配只需一行代码即可解决。  

对比图↓↓↓

官网也有文字说明但是文字比较多 配置rpxCalcMaxDeviceWidth属性即可兼容

宽屏适配指南 | uni-app官网

步骤配置 找到文件pages.json

	"globalStyle": {"rpxCalcMaxDeviceWidth": 375},


http://www.ppmy.cn/ops/52321.html

相关文章

鸿蒙Harmony实战—通过登录Demo了解ArkTS

ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。 ArkTS在TS的基础上主要扩展了如下能力: 基本语法:ArkTS定义…

三.iOS核心动画 - 关于图层几何(frame,bounds,transform,position)

引言 关于UIView的布局有一个经常被问到的问题,frame和bounds有什么区别,同样CALayer也有frame和bounds这两个属性,还有一个与UIView的center对应的position属性,本篇博客我们就来详细的探讨一下图层中的frame和bounds到底有什么…

配置CentOS 7通过MSTSC连接远程桌面

正文共:777 字 14 图,预估阅读时间:1 分钟 前面我们介绍了如何通过VNC连接Ubuntu的远程桌面(Ubuntu 18.04开启远程桌面连接),也介绍了如何使用微软的MSTSC来连接Ubuntu的远程桌面(如何通过MSTSC…

ipfs核心是什么?

IPFS(InterPlanetary File System)的核心是一个分布式的文件系统,旨在将所有计算设备连接在同一个文件系统中。IPFS的核心技术和概念包括以下几个方面: 1. 内容寻址(Content Addressing) IPFS使用内容寻址…

代数扩张次数关系定理

【单扩域同构引理】 对于单扩张 K / F \mathbb{K/F} K/F有同构 F [ a ] ≅ F [ x ] / ⟨ f ( x ) ⟩ \mathbb{F}\lbrack a\rbrack\mathbb{\cong F}\lbrack x\rbrack/\left\langle f(x) \right\rangle F[a]≅F[x]/⟨f(x)⟩,其中 a ∈ K a \in \mathbb{K} a∈K为本原元…

适配器模式(大话设计模式)C/C++版本

适配器模式 C #include <iostream> using namespace std; // 球员 class Player { protected:string name;public:Player(string name) : name(name) {}virtual void Attack() 0;virtual void Defense() 0;virtual ~Player() {} }; // 前锋 class Forwards : public P…

《A DECODER-ONLY FOUNDATION MODEL FOR TIME-SERIES FORECASTING》阅读总结

介绍了一个名为TimeFM的新型时间序列预测基础模型&#xff0c;该模型受启发于自然语言处理领域的大语言模型&#xff0c;通过再大规模真实世界和合成时间序列数据集上的预训练&#xff0c;能够在多种不同的公共数据集上实现接近最先进监督模型的零样本预测性能。 该模型使用真…

数据结构:二叉树详解 c++信息学奥赛基础知识讲解

目录 一、二叉树的定义 二、二叉树的形态 三、二叉树的性质 四、二叉树的存储 五、二叉树的创建与遍历&#xff08;递归&#xff09; 六、二叉树实现 创建二叉树 展示二叉树 1、计算数的高度 2、计算数的叶子数量 3、计算数的宽度 4、层次遍历 5、前序遍历 递归写…