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

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

对比图↓↓↓

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

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

步骤配置 找到文件pages.json

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/32953.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

04--MySQL8.0_JDBC

04--MySQL8.0_JDBC

第一章 JDBC概述 之前我们学习了JavaSE，编写了Java程序，数据保存在变量、数组、集合等中，无法持久化，后来学习了IO流可以将数据写入文件，但不方便管理数据以及维护数据的关系； 后来我们学习了数据库管理软件MySQL，可以方便的管理数据1。 那么如何将它俩结合起来呢？即…
阅读更多...
《AI旋律：创意产业的重塑与共生》

《AI旋律：创意产业的重塑与共生》

AI乐章：技术革命下的创意产业新生态 在数字化浪潮的推动下，音乐创作领域迎来了前所未有的变革——AI音乐大模型的横空出世，犹如一颗石子投入平静的湖面，激起了层层涟漪。这些模型以令人难以置信的速度和多样性，将音乐…
阅读更多...
Java-web

Java-web

请求响应
阅读更多...
【树形dp 换根法 BFS】2581. 统计可能的树根数目

【树形dp 换根法 BFS】2581. 统计可能的树根数目

本文涉及知识点 CBFS算法 动态规划汇总 图论知识汇总 树形dp 换根法 BFS LeetCode 2581. 统计可能的树根数目 Alice 有一棵 n 个节点的树，节点编号为 0 到 n - 1 。树用一个长度为 n - 1 的二维整数数组 edges 表示，其中 edges[i] [ai, bi] &#xf…
阅读更多...
《书生·浦语大模型实战营》第5课 学习笔记：LMDeploy 量化部署 LLM 实践

《书生·浦语大模型实战营》第5课 学习笔记：LMDeploy 量化部署 LLM 实践

文章大纲 0.背景知识与简介计算机组成原理：变量的存储参数量与推理的关系 1.LMDeploy环境部署1.1 创建开发机1.2 创建conda环境InternStudio开发机创建conda环境（推荐）本地环境创建conda环境 1.3 安装LMDeploy 2.LMDeploy模型对话(chat)2.1 H…
阅读更多...
【CSS in Depth2精译】1.2 继承~1.3 特殊值

【CSS in Depth2精译】1.2 继承~1.3 特殊值

文章目录 1.2 继承1.3 特殊值1.3.1 inherit 关键字1.3.2 initial 关键字1.3.3 unset 关键字1.3.4 revert 关键字 1.2 继承 除了层叠，还有一种给元素设置样式的方式：继承。经常有人把层叠与继承的概念弄混淆。它们虽然有关联，但也应该分辨清楚…
阅读更多...
创新实训(十二) 项目开发——历史对话增加查询功能

创新实训(十二) 项目开发——历史对话增加查询功能

必要性 随着对话记录的增加，根据对话名称conv_name查询对话对用户来说非常有必要实现。 实现 原来的history_chats.vue中使用了getChatList() 在onMounted时直接获取用户的所有对话记录，如果要实现查询功能，需要增加两个变量： …
阅读更多...
【STM32入门学习】基于DHT20温湿度传感器数据采集和显示

【STM32入门学习】基于DHT20温湿度传感器数据采集和显示

目录 一、软件I2C和硬件I2C 1.1硬件I2C 1.2软件I2C 二、创建工程（基于HAL库） 三、实物连线 3.1DHT20 3.2串口传输： 四、结果演示 4.1部署文件 4.2主要代码分析 五、心得体会 一、软件I2C和硬件I2C I2C 基本读写过程: 其中S表示由主…
阅读更多...
Android Basis - Google Keybox

Android Basis - Google Keybox

什么是Keybox Android O 开始谷歌要求每台机器预制谷歌提供的 Attestion Key的需求，该需求要求,每台机器都预制谷歌提供的 key，因此需要 oem 厂商在工厂完成预制。没有预制该key 将直接导致机器 cts 相关测试项失败。Google attestation key的集合又称作…
阅读更多...
Spring AI 介绍以及与 Spring Boot 项目整合

Spring AI 介绍以及与 Spring Boot 项目整合

Spring AI 项目旨在简化使用 Spring Boot 开发包含人工智能功能的应用程序，提供抽象和支持多种模型提供商及矢量数据库提供商。 Spring AI 的功能特点 支持主流模型提供商：如 OpenAI、Microsoft、Amazon、Google 和 Huggingface 等。支持多种模型类型&a…
阅读更多...
Retrieval-Augmented Generation for Large Language Models A Survey

Retrieval-Augmented Generation for Large Language Models A Survey

Retrieval-Augmented Generation for Large Language Models: A Survey 文献综述 文章目录 Retrieval-Augmented Generation for Large Language Models: A Survey 文献综述 Abstract背景介绍 RAG概述原始RAG先进RAG预检索过程后检索过程 模块化RAGModules部分Patterns部分 RAG…
阅读更多...
phpcms网站模板收费下载站素材图片网站源码

phpcms网站模板收费下载站素材图片网站源码

★模板介绍★ 本套源码，主要针对资源下载，素材/图片/模板/源码/插件/ 我们已经对源码进行了多处二次开发，对模板进行了深度优化，没有多余的无用代码。更符合收费下载站行业的标准，保证每位站长购买后多能直接用上&am…
阅读更多...
Python | Leetcode Python题解之第187题重复的DNA序列

Python | Leetcode Python题解之第187题重复的DNA序列

题目&#xff1a; 题解&#xff1a; L 10 bin {A: 0, C: 1, G: 2, T: 3}class Solution:def findRepeatedDnaSequences(self, s: str) -> List[str]:n len(s)if n < L:return []ans []x 0for ch in s[:L - 1]:x (x << 2) | bin[ch]cnt defaultdict(int)for…
阅读更多...
vue中用JSON格式查看数据（vue-json-viewer）

vue中用JSON格式查看数据（vue-json-viewer）

vue中把string用JSON格式展示数据 vue-json-viewer使用 官网地址&#xff1a;https://www.npmjs.com/package/vue-json-viewer 1. 安装插件vue-json-viewer //vue2 npm install vue-json-viewer2 --save //vue3 npm install vue-json-viewer3 --save2. 引入vue-json-viewer…
阅读更多...
星闪指向遥控，做家电交互的破壁人

星闪指向遥控，做家电交互的破壁人

“面壁者罗辑&#xff0c;我是你的破壁人。” 科幻小说《三体》中&#xff0c;当人类的基础科学被三体人封锁&#xff0c;变得停步不前&#xff0c;人类启动了自救的面壁计划&#xff0c;通过一次又一次破壁&#xff0c;找到战胜三体人的办法。 现实中&#xff0c;有一点已经成…
阅读更多...
Html去除a标签的默认样式

Html去除a标签的默认样式

Html去除a标签的默认样式, a标签超链接字体默认蓝色带下划线; 去除可用: a{text-decoration:none;color:inherit;cursor:auto; }测试代码 <!DOCTYPE html> <html lang"zh-CN" dir"ltr"><head><meta charset"utf-8"/>&…
阅读更多...
上海交大阿里巴巴推出虚拟试衣新里程碑式工作——AnyFit：任意场景、任意组合！

上海交大阿里巴巴推出虚拟试衣新里程碑式工作——AnyFit：任意场景、任意组合！

文章链接&#xff1a;https://arxiv.org/pdf/2405.18172 工程链接&#xff1a;https://colorful-liyu.github.io/anyfit-page/ 今天和大家一起学习的是一种名为AnyFit的新型虚拟试穿系统&#xff0c;旨在解决现有技术在处理不同场景和服饰组合时出现的衣物风格不匹配和质量下…
阅读更多...
【MySQL】Linux中MySQL的使用及配置

【MySQL】Linux中MySQL的使用及配置

一、字符集修改 1、MySQL8.0之前&#xff0c;字符集都默认是latin1&#xff0c;从MySQL8.0开始&#xff0c;字符集utf8mb4&#xff0c;这意味着&#xff0c;在默认情况下&#xff0c;MySQL8.0之前都是不支持中文的 # 查看字符集信息&#xff0c;主要是character_set_server和…
阅读更多...
能正常执行但是 cion 标红/没有字段提示

能正常执行但是 cion 标红/没有字段提示

ctrl q 退出 clion 找到工程根目录&#xff0c;删除隐藏文件 .idea 再重新打开 clion 标红消失&#xff0c;同时再次输入函数/类属性&#xff0c;出现字段提示 clion 的智能提示方案存储在 .idea 文件中&#xff0c;如果工程能够正常编译执行&#xff0c;那么说明是智能提示…
阅读更多...
【JavaSE ⑧】P219 ~ 225 Date类‘’DateFormat类转化Date和字符串；Calendar类获得日历中某值，修改日历，日历转日期

【JavaSE ⑧】P219 ~ 225 Date类‘’DateFormat类转化Date和字符串；Calendar类获得日历中某值，修改日历，日历转日期

目录 日期时间类1 Date类概述常用方法 2DateFormat类构造方法格式规则常用方法parse方法format方法 3 Calendar类概念获取方式常用方法get/set方法add方法getTime方法 ● 练习1.判断Date不同参数构造的输出2. 用日期时间相关的API&#xff0c;计算一个人已经出生了多少天。3. 获…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023