编程 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下判断一个对象是否具有指定名称的属性的的代码

Jan 11 Javascript

JQuery对表单元素的基本操作使用总结

Jul 18 Javascript

js事件冒泡、事件捕获和阻止默认事件详解

Aug 04 Javascript

Web性能优化系列 10个提升JavaScript性能的技巧

Sep 27 Javascript

原生js实现查询天气小应用

Dec 09 Javascript

bootstrap组件之导航组件使用方法

Jan 19 Javascript

JavaScript设计模式之代理模式详解

Jun 09 Javascript

React Native 图片查看组件的方法

Mar 01 Javascript

五分钟搞懂Vuex实用知识(小结)

Aug 12 Javascript

Vue Render函数原理及代码实例解析

Jul 30 Javascript

理解JavaScript中的对象

Aug 25 Javascript

vue-amap根据地址回显地图并mark的操作

Nov 03 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

ioncube_loader_win_5.2.dll的错误解决方法

2015/01/04 PHP

PHP编程一定要改掉的5个不良习惯

2020/09/18 PHP

javascript-TreeView父子联动效果保持节点状态一致

2007/08/12 Javascript

javascript Object与Function使用

2010/01/11 Javascript

extjs中grid中嵌入动态combobox的应用

2011/01/01 Javascript

自己动手制作jquery插件之自动添加删除行的实现

2011/10/13 Javascript

js实现倒计时时钟的示例代码

2013/12/17 Javascript

jquery实现弹出div,始终显示在屏幕正中间的简单实例

2014/03/08 Javascript

理运用命名空间让js不产生冲突避免全局变量的泛滥

2014/06/15 Javascript

Angular用来控制元素的展示与否的原生指令介绍

2015/01/07 Javascript

jQuery的animate函数实现图文切换动画效果

2015/05/03 Javascript

基于jQuery实现选取月份插件附源码下载

2015/12/28 Javascript

EsLint入门学习教程

2017/02/17 Javascript

JavaScript之underscore_动力节点Java学院整理

2017/07/03 Javascript

自定义PC微信扫码登录样式写法

2017/12/12 Javascript

javascript填充默认头像方法

2018/02/22 Javascript

jQuery实现的点击图片居中放大缩小功能示例

2019/01/16 jQuery

深入浅出了解Node.js Streams

2019/05/27 Javascript

element-ui table行点击获取行索引（index）并利用索引更换行顺序

2020/02/27 Javascript

JS实现网站楼层导航效果代码实例

2020/06/16 Javascript

解决pycharm双击但是无法打开的情况

2020/10/31 Javascript

Python 实现数据库(SQL)更新脚本的生成方法

2017/07/09 Python

PyCharm 常用快捷键和设置方法

2017/12/20 Python

Python应用自动化部署工具Fabric原理及使用解析

2020/11/30 Python

英国文胸专家：AmpleBosom.com

2018/02/06 全球购物

美国在线健康和美容市场：Pharmapacks

2018/12/05 全球购物

俄罗斯皮肤健康中心：Pharmacosmetica.ru

2020/02/22 全球购物

会计电算一体化个人简历的自我评价

2013/10/15 职场文书

毕业生怎样写好自荐信

2013/11/11 职场文书

学校大课间活动方案

2014/01/30 职场文书

大三学生学年自我鉴定

2014/09/12 职场文书

党支部党的群众路线对照检查材料

2014/09/24 职场文书

农民工工资承诺书大全

2015/05/04 职场文书

加薪申请报告范本

2015/05/15 职场文书

小学体育组工作总结2015

2015/07/21 职场文书

使用qt quick-ListView仿微信好友列表和聊天列表的示例代码

2021/06/13 Python