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

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

news 来源：原创 2024/9/28 7:29:17

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

对比图↓↓↓

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

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

步骤配置 找到文件pages.json

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

相关文章：

  • setInterval 定时任务执行时间不准验证
  • Redis晋级之路！！
  • 阅读笔记：明朝那些事儿妖孽横行的宫廷
  • 基于Vue-cli脚手架搭建项目使用ElementUI组件
  • vue3第五阶段开发文档，后台管理系统
  • STM32 Customer BootLoader 刷新项目 (二) 方案介绍
  • Day8 —— 大数据技术之HBase
  • CPP-类对象大小的组成
  • Pip换源秘籍：让你的Python包飞行起来!
  • 美团携手HarmonyOS SDK，开启便捷生活新篇章
  • 佳能打印机问题解决
  • 发表在SIGMOD 2024上的高维向量检索/向量数据库/ANNS相关论文
  • LabVIEW火箭发动机试车台程序
  • Android13 WMS窗口层级树
  • 第一章 - 第11节- 因特网概述 - 课后习题
  • 「面试题」如何实现一个圣杯布局？
  • 2018一半小结一波
  • Angular数据绑定机制
  • axios请求、和返回数据拦截，统一请求报错提示_012
  • docker python 配置
  • golang 发送GET和POST示例
  • Hexo+码云+git快速搭建免费的静态Blog
  • Java知识点总结（JDBC-连接步骤及CRUD）
  • JSDuck 与 AngularJS 融合技巧
  • Mithril.js 入门介绍
  • PHP 7 修改了什么呢 -- 2
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • Python语法速览与机器学习开发环境搭建
  • Python中eval与exec的使用及区别
  • Rancher如何对接Ceph-RBD块存储
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • Sass 快速入门教程
  • SegmentFault 2015 Top Rank
  • 阿里云Kubernetes容器服务上体验Knative
  • 对话：中国为什么有前途/ 写给中国的经济学
  • 后端_MYSQL
  • 回顾2016
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹？
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 小试R空间处理新库sf
  • 《TCP IP 详解卷1：协议》阅读笔记 - 第六章
  • 宾利慕尚创始人典藏版国内首秀，2025年前实现全系车型电动化 | 2019上海车展 ...
  • 整理一些计算机基础知识！
  • 支付宝花15年解决的这个问题，顶得上做出十个支付宝 ...
  • ​补​充​经​纬​恒​润​一​面​
  • ​软考-高级-系统架构设计师教程（清华第2版）【第20章 系统架构设计师论文写作要点（P717~728）-思维导图】​
  • #565. 查找之大编号
  • #我与Java虚拟机的故事#连载09：面试大厂逃不过的JVM
  • #我与Java虚拟机的故事#连载13：有这本书就够了
  • (2/2) 为了理解 UWP 的启动流程，我从零开始创建了一个 UWP 程序
  • （3）(3.5) 遥测无线电区域条例
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • （论文阅读40-45）图像描述1
  • （十）DDRC架构组成、效率Efficiency及功能实现