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

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

对比图↓↓↓

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

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

步骤配置 找到文件pages.json

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

相关推荐

  1. flutter 获取屏幕尺寸

    2024-06-18 22:30:07       40 阅读
  2. ubuntu16上dkpg安装vscode 出现错误

    2024-06-18 22:30:07       40 阅读
  3. 前端websocket实体类,开箱

    2024-06-18 22:30:07       56 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-18 22:30:07       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-18 22:30:07       106 阅读
  3. 在Django里面运行非项目文件

    2024-06-18 22:30:07       87 阅读
  4. Python语言-面向对象

    2024-06-18 22:30:07       96 阅读

热门阅读

  1. 通用与垂直,难以预测的胜负之争。

    2024-06-18 22:30:07       31 阅读
  2. C#心跳机制的服务器(完整)

    2024-06-18 22:30:07       34 阅读
  3. 网络安全--安全设备(一)Dos

    2024-06-18 22:30:07       28 阅读
  4. ARP攻击和DNS攻击有什么区别

    2024-06-18 22:30:07       28 阅读
  5. 加密excel(Python)

    2024-06-18 22:30:07       31 阅读
  6. IPV6单播和多播地址

    2024-06-18 22:30:07       25 阅读
  7. ros1转ros2的注意事项

    2024-06-18 22:30:07       24 阅读
  8. 有限自动机解释和应用案例

    2024-06-18 22:30:07       24 阅读
  9. ROM 和 RAM

    2024-06-18 22:30:07       26 阅读
  10. mysql_ssl_rsa_setup使用详解

    2024-06-18 22:30:07       30 阅读
  11. 【OpenCV 基础知识 22】扩展边界并填充

    2024-06-18 22:30:07       31 阅读
  12. 05-5.5.1 哈夫曼树

    2024-06-18 22:30:07       29 阅读