10.小程序样式

样式

css部分样式不支持,并且添加了rpx属性,小程序开发的时候应该使用rpx,而不是px,因为rpx是将移动端的屏幕大小分为750份,会自动按设备的大小去适配;我们在开发时应该以iphone6为基准的设备进行开发,因为iphone的屏幕宽度为375px,对应rpx的关系就是1rpx为0.5px,计算起来方便。

rpx与px的换算

rpx换算成px

屏幕宽度/750,例如:iphone6为375px/750为0.5

px换算成rpx

750/屏幕宽度,例如:iphone6为750/375px为2

相关推荐
石小石Orz2 分钟前
因为没有使用路由懒加载,产生了一个难以寻找的bug
前端
Mintopia2 分钟前
Three.js 力导向图:让数据跳起优雅的华尔兹
前端·javascript·three.js
墨渊君17 分钟前
React Native 跨平台组件库实践: GlueStack UI 上手指南
前端
晓得迷路了25 分钟前
栗子前端技术周刊第 84 期 - Vite v7.0 beta、Vitest 3.2、Astro 5.9...
前端·javascript·vite
独立开阀者_FwtCoder28 分钟前
最全301/302重定向指南:从SEO到实战,一篇就够了
前端·javascript·vue.js
Moment37 分钟前
给大家推荐一个超好用的 Marsview 低代码平台 🤩🤩🤩
前端·javascript·github
小满zs41 分钟前
Zustand 第三章(状态简化)
前端·react.js
普宁彭于晏42 分钟前
元素水平垂直居中的方法
前端·css·笔记·css3
恋猫de小郭1 小时前
为什么跨平台框架可以适配鸿蒙,它们的技术原理是什么?
android·前端·flutter
云浪1 小时前
元素变形记:CSS 缩放函数全指南
前端·css