当前位置: 首页 > article >正文

微信小程序样式

一、尺寸单位rpx

rpx是小程序新增加的自适应单位,可以根据不同设备的屏幕宽度进行自适应缩放。

小程序规定任何型号手机屏幕宽度都是750rpx。

提示:微信小程序的设计稿宽度建议是750px,这样就节省单位换算了。

二、全局样式和局部样式

1、全局样式

在app.less中定义的样式规则,作用于每一个页面,比如:设置字号、宽高、背景色等。

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

text {
  color: lightseagreen;
  font-size: 50rpx;
}

2、局部样式

在页面.less中定义的样式规则,只作用于当前页面,并且会覆盖app.less中相同的样式选择器。

/* pages/mine/mine.wxss */

text {
  color: red;
  font-size: 30rpx;
}

http://www.kler.cn/a/404914.html

相关文章:

  • 【倍数问题——同余系】
  • 如何理解Lua 使用虚拟堆栈
  • 笔记记录 k8s操作
  • C指针之舞——指针探秘之旅(2)
  • HDMI数据传输三种使用场景
  • 高校企业数据挖掘平台推荐
  • windows 和 linux检查操作系统基本信息
  • 前端开发调试之 PC 端调试学习笔记
  • 【ARM Coresight OpenOCD 系列 6.2 -- Boundary Scan Commands】
  • 药典新篇:Spring Boot助力中药实验管理
  • 使用redis-shake工具进行redis的数据同步
  • 使用IDEA+Maven实现MapReduced的WordCount
  • c# npoi操作excel
  • 【ARM Coresight OpenOCD 系列 5.1 -- OpenOCD 无法识别CPUID 问题: xxx is unrecognized】
  • 嵌入式学习(13)-塔石TAS-LAN-476串口服务器
  • 双因子认证:统一运维平台安全管理策略
  • iOS应用网络安全之HTTPS
  • Spring Boot + Vue 基于 RSA 的用户身份认证加密机制实现
  • 使用 npm 安装 Electron 作为开发依赖
  • 常见的 git 提交备注类型
  • 开源 AI 智能名片 2+1 链动模式商城小程序:场景驱动的商业创新与用户价值挖掘
  • 基于Java Springboot二手商品网站
  • 【Unity3D】获取 GameObject 的完整层级结构
  • 深度学习:如何复现神经网络
  • 99.【C语言】数据结构之二叉树的基本知识
  • Spring MVC 中是如何保证Controller的并发安全?