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

相关推荐
小屁孩大帅-杨一凡23 分钟前
一个简单点的js的h5页面实现地铁快跑的小游戏
开发语言·前端·javascript·css·html
读心悦28 分钟前
CSS 布局系统深度解析:从传统到现代的布局方案
前端·css
椒盐螺丝钉33 分钟前
CSS盒子模型:Padding与Margin的适用场景与注意事项
前端·css
-SGlow-39 分钟前
Linux相关概念和易错知识点(40)(HTML资源交互、网页管理、搜索引擎)
linux·运维·服务器·网络·html·交互
萧鼎1 小时前
构建全栈 Web 应用的新选择:NextPy 技术详解与实战指南
前端
purpleseashell_Lili2 小时前
配置别名路径 @
javascript·react
这个一个非常哈2 小时前
VUE篇之自定义组件使用v-model
前端·javascript·vue.js
purpleseashell_Lili2 小时前
react 基本写法
java·服务器·前端
哎哟喂_!2 小时前
Node.js 循环依赖问题详解:原理、案例与解决方案
前端·chrome·node.js
热爱前端的小君同学2 小时前
长按拖拽移动的vue3组件
前端·javascript·vue.js