编程 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 相关文章推荐

jQuery+css实现图片滚动效果(附源码)

Mar 18 Javascript

JS跨域问题详解

Nov 25 Javascript

浅析node.js中close事件

Nov 26 Javascript

html+js+highcharts绘制圆饼图表的简单实例

Aug 04 Javascript

百度地图API之百度地图退拽标记点获取经纬度的实现代码

Jan 12 Javascript

node.js操作mysql简单实例

May 25 Javascript

vue中axios处理http发送请求的示例（Post和get）

Oct 13 Javascript

jQuery实现导航样式布局操作示例【可自定义样式布局】

Jul 24 jQuery

vue中使用codemirror的实例详解

Nov 01 Javascript

ES6 对象的新功能与解构赋值介绍

Feb 05 Javascript

vue图片上传本地预览组件使用详解

Feb 20 Javascript

Vue组件之高德地图地址选择功能的实例代码

Jun 21 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/04/09 PHP

PHP二维数组去重实例分析

2016/11/18 PHP

ajax 缓存问题 requestheader

2010/08/01 Javascript

Javascript实现滚动图片新闻的实例代码

2013/11/27 Javascript

JS获取URL中参数值（QueryString）的4种方法分享

2014/04/12 Javascript

基于jquery实现表格内容筛选功能实例解析

2016/05/09 Javascript

JS实现的多张图片轮流播放幻灯片效果

2016/07/22 Javascript

js中动态创建json,动态为json添加属性、属性值的实例

2016/12/02 Javascript

jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】

2017/03/23 jQuery

JS+Ajax实现百度智能搜索框

2017/08/04 Javascript

实战node静态文件服务器的示例代码

2018/03/08 Javascript

Vue自定义弹窗指令的实现代码

2018/08/13 Javascript

cnpm加速Angular项目创建的方法

2018/09/07 Javascript

微信小程序使用canvas的画图操作示例

2019/01/18 Javascript

vue实现绑定事件的方法实例代码详解

2019/06/20 Javascript

JavaScript 斐波那契数列倒序输出输出100以内的质数代码实例

2019/09/11 Javascript

在vue中使用echars实现上浮与下钻效果

2019/11/08 Javascript

解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题

2020/07/27 Javascript

Vue向后台传数组数据,springboot接收vue传的数组数据实例

2020/11/12 Javascript

[01:46]新英雄登场

2019/09/10 DOTA

Python程序中的观察者模式结构编写示例

2016/05/27 Python

Python爬取APP下载链接的实现方法

2016/09/30 Python

python3+requests接口自动化session操作方法

2018/10/13 Python

python GUI图形化编程wxpython的使用

2019/07/19 Python

在django admin中配置搜索域是一个外键时的处理方法

2020/05/20 Python

canvas探照灯效果的示例代码

2018/11/30 HTML / CSS

FOREO官方网站：LUNA露娜洁面仪

2016/11/28 全球购物

美国Lolё官网：购买大胆而美丽的女性运动服装

2017/05/22 全球购物

PHP如何调用MYSQL存储过程

2014/05/30 面试题

.NET方向面试题

2014/11/20 面试题

继电保护工岗位职责

2014/01/05 职场文书

《自然之道》教学反思

2014/02/11 职场文书

中青班党性分析材料

2014/02/16 职场文书

小学生倡议书范文

2014/05/13 职场文书

药品销售内勤岗位职责

2015/04/13 职场文书

golang 在windows中设置环境变量的操作

2021/04/29 Golang