编程 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 利用Image对象实现的埋点(某处的点击数)统计

Dec 28 Javascript

js 3种归并操作的实例代码

Oct 30 Javascript

浅谈Unicode与JavaScript的发展史

Jan 19 Javascript

jquery特效点击展示与隐藏全文

Dec 09 Javascript

JavaScript笔记之数据属性和存储器属性

Mar 31 Javascript

模仿password输入框的实现代码

Jun 07 Javascript

Backbone中View之间传值的学习心得

Aug 09 Javascript

JS中常用的正则表达式

Sep 29 Javascript

纯js实现手风琴效果代码

Apr 17 Javascript

简单谈谈JS数组中的indexOf方法

Oct 13 Javascript

详解webpack与SPA实践之开发环境搭建

Dec 18 Javascript

Vue+Django项目部署详解

May 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的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别

2014/09/29 PHP

php5.3不能连接mssql数据库的解决方法

2014/12/27 PHP

Android AsyncTack 异步任务实例详解

2016/11/02 PHP

yii框架搜索分页modle写法

2016/12/19 PHP

PHP页面静态化――纯静态与伪静态用法详解

2020/06/05 PHP

Javascript结合css实现网页换肤功能

2009/11/02 Javascript

JavaScript高级程序设计 DOM学习笔记

2011/09/10 Javascript

鼠标放在图片上显示大图的JS代码

2013/03/26 Javascript

浅谈jquery回调函数callback的使用

2015/01/30 Javascript

jQuery+css3实现转动的正方形效果(附demo源码下载)

2016/01/27 Javascript

微信JS接口大全

2016/08/25 Javascript

jQuery阻止移动端遮罩层后页面滚动

2017/03/15 Javascript

vue使用i18n实现国际化的方法详解

2019/09/05 Javascript

Layui数据表格前后端json数据接收的方法

2019/09/19 Javascript

详解JS深拷贝与浅拷贝

2020/08/04 Javascript

vue3.0中友好使用antdv示例详解

2021/01/05 Vue.js

[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20

2020/11/20 DOTA

wxPython学习之主框架实例

2014/09/28 Python

今天平安夜 Python 送你一顶圣诞帽 @微信官方

2017/12/25 Python

Python 访问限制 private public的详细介绍

2018/10/16 Python

对python中字典keys,values,items的使用详解

2019/02/03 Python

基于wxPython的GUI实现输入对话框（2）

2019/02/27 Python

python实现列表的排序方法分享

2019/07/01 Python

tensorflow转换ckpt为savermodel模型的实现

2020/05/25 Python

python字典通过值反查键的实现(简洁写法)

2020/09/30 Python

意大利独特而优质的家居用品：Fazzini

2018/12/05 全球购物

怎样创建、运行java程序

2014/08/01 面试题

公司财务工作总结的自我评价

2013/11/23 职场文书

经理助理岗位职责

2014/03/05 职场文书

2014年重阳节活动策划方案书

2014/09/16 职场文书

卖车协议书范本4篇

2014/10/01 职场文书

周末问候语大全

2015/11/10 职场文书

小学副班长竞选稿

2015/11/21 职场文书

小学五年级（说明文3篇）

2019/08/13 职场文书

导游词之徐州-云龙山

2019/09/29 职场文书

教你怎么用Python操作MySql数据库

2021/05/31 Python