编程 Javascript

微信小程序 rpx 尺寸单位详细介绍

Posted in Javascript onOctober 13, 2016

微信小程序最近火了，大家开发微信小程序有没有注意微信小程序对手机屏幕的要求或者影响呢，面对不同的手机屏幕，微信

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应,

微信小程序尺寸单位rpx以及样式

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。

规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0。

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)

iPhone5 1rpx = 0.42px 1px = 2.34px
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6s 1rpx = 0.552px 1px = 1.81rpx

微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx

注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

感谢大家阅读，希望能帮助到大家，谢谢大家对本站的支持！

微信小程序 rpx 尺寸单位详细介绍

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 事件属性绑定带参数的函数

Mar 13 Javascript

Javascript 强制类型转换函数

May 17 Javascript

a标签click和href执行顺序探讨

Jun 23 Javascript

node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作

Jul 29 Javascript

jQuery实现移动端手机商城购物车功能

Sep 24 Javascript

jQuery页面弹出框实现文件上传

Feb 09 Javascript

JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

Mar 30 Javascript

详解vue过滤器在v2.0版本用法

Jun 01 Javascript

JavaScript实现无刷新上传预览图片功能

Aug 02 Javascript

微信小程序ajax实现请求服务器数据及模版遍历数据功能示例

Dec 15 Javascript

vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)

Aug 24 Javascript

vue移动端屏幕适配详解

Apr 30 Javascript

jquery实现图片切换代码

Oct 13 #Javascript

JavaScript和jQuery获取input框的绝对位置实现方法

Oct 13 #Javascript

微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

Oct 13 #Javascript

Javascript中this绑定的3种方法与比较

Oct 13 #Javascript

手机端实现Bootstrap简单图片轮播效果

Oct 13 #Javascript

jquery 实现轮播图详解及实例代码

Oct 12 #Javascript

ExtJS 4.2 Grid组件单元格合并的方法

Oct 12 #Javascript

You might like

php表单请求获得数据求和示例

2014/05/15 PHP

PHP传参之传值与传址的区别

2015/04/24 PHP

PHP实现伪静态方法汇总

2016/01/13 PHP

php用户登录之cookie信息安全分析

2016/05/13 PHP

VBScript版代码高亮

2006/06/26 Javascript

jQuery方法简洁实现隔行换色及toggleClass的使用

2013/03/15 Javascript

js调用css属性写法

2013/09/21 Javascript

javascript如何操作HTML下拉列表标签

2015/08/20 Javascript

浅析node连接数据库（express+mysql）

2015/11/30 Javascript

js HTML5 Ajax实现文件上传进度条功能

2016/02/13 Javascript

js学习总结_轮播图之渐隐渐现版(实例讲解)

2017/07/17 Javascript

浅谈箭头函数写法在ReactJs中的使用

2017/08/22 Javascript

jQuery进阶实践之利用最优雅的方式如何写ajax请求

2017/12/20 jQuery

vue中的router-view组件的使用教程

2018/10/23 Javascript

jQuery实现的导航条点击后高亮显示功能示例

2019/03/04 jQuery

JS异步处理的进化史深入讲解

2019/08/25 Javascript

微信小程序定义和调用全局变量globalData的实现

2019/11/01 Javascript

[00:59]DOTA2荣耀之路1：Doom is back！weapon X！

2018/05/22 DOTA

Linux下为不同版本python安装第三方库

2016/08/31 Python

Python实战小程序利用matplotlib模块画图代码分享

2017/12/09 Python

基于Pandas读取csv文件Error的总结

2018/06/15 Python

Numpy 改变数组维度的几种方法小结

2018/08/02 Python

python如何生成各种随机分布图

2018/08/27 Python

Pycharm激活码激活两种快速方式（附最新激活码和插件）

2020/03/12 Python

Canvas图片分割效果的实现

2019/07/29 HTML / CSS

入党思想汇报

2014/01/05 职场文书

优秀管理者事迹材料

2014/05/22 职场文书

网络营销策划方案

2014/06/04 职场文书

社区爱国卫生月活动总结

2014/06/30 职场文书

元旦晚会活动总结

2014/07/09 职场文书

简单租房协议书范本

2014/08/20 职场文书

毕业横幅标语

2014/10/08 职场文书

中学生旷课检讨书500字

2014/10/29 职场文书

小学生光盘行动倡议书

2015/04/28 职场文书

护士2015年终工作总结

2015/04/29 职场文书

学历证明范文

2015/06/16 职场文书