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

Script标签与访问HTML页面详解

Jan 10 Javascript

SeaJS 与 RequireJS 的差异对比

Dec 08 Javascript

jQuery验证元素是否为空的两种常用方法

Mar 17 Javascript

jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)

Jan 29 Javascript

JS实现鼠标框选效果完整实例

Jun 20 Javascript

浅谈React 属性和状态的一些总结

Nov 21 Javascript

学习vue.js计算属性

Dec 03 Javascript

Bootstrap table两种分页示例

Dec 23 Javascript

JS正则表达式之非捕获分组用法实例分析

Dec 28 Javascript

vue3.0中的双向数据绑定方法及优缺点

Aug 01 Javascript

基于JS实现简单滑块拼图游戏

Oct 12 Javascript

vue实现设置载入动画和初始化页面动画效果

Oct 28 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

table标签的结构与合并单元格的实现方法

2013/07/24 PHP

百度地图API应用之获取用户的具体位置

2014/06/10 PHP

php之可变函数的实例详解

2017/09/13 PHP

Gird事件机制初级读本

2007/03/10 Javascript

理解Javascript_12_执行模型浅析

2010/10/18 Javascript

Javascript 闭包引起的IE内存泄露分析

2012/05/23 Javascript

JS限制Textarea文本域字符个数的具体实现

2013/08/02 Javascript

node.js中使用q.js实现api的promise化

2014/09/17 Javascript

Window.Open打开窗体和if嵌套代码

2016/04/15 Javascript

浅谈json取值(对象和数组)

2016/06/24 Javascript

ES6记录异步函数的执行时间详解

2016/08/31 Javascript

JavaScript实现三级级联特效

2017/11/05 Javascript

bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能

2017/12/28 Javascript

vue组件开发之用户无限添加自定义填写表单的方法

2018/08/28 Javascript

JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】

2019/01/19 Javascript

JS 实现发送短信验证码的“59秒后重新发送验证短信”功能

2019/08/23 Javascript

[01:06:18]DOTA2-DPC中国联赛正赛 Phoenix vs Dynasty BO3 第二场 1月26日

2021/03/11 DOTA

三步实现Django Paginator分页的方法

2019/06/11 Python

Pytest框架之fixture的详细使用教程

2020/04/07 Python

keras 获取某层输出获取复用层的多次输出实例

2020/05/23 Python

浅谈Selenium 控制浏览器的常用方法

2020/12/04 Python

css3背景_动力节点Java学院整理

2017/07/11 HTML / CSS

CSS3实现莲花绽放的动画效果

2020/11/06 HTML / CSS

推荐WEB开发者最佳HTML5和CSS3代码生成器

2015/11/24 HTML / CSS

荷兰游戏商店：Allyouplay

2019/03/16 全球购物

绘儿乐产品官方在线商店：Crayola.com

2019/09/07 全球购物

美国高端牛仔品牌：Silver Jeans

2019/12/12 全球购物

亚马逊加拿大网站：Amazon.ca

2020/01/06 全球购物

预备党员思想汇报范文

2013/12/29 职场文书

暑期社会实践学生的自我评价

2014/01/09 职场文书

四下基层实施方案

2014/03/28 职场文书

委托协议书范本

2014/04/22 职场文书

党员教师四风自我剖析材料

2014/09/30 职场文书

经典导游欢迎词

2015/01/26 职场文书

上课睡觉万能检讨书

2015/02/17 职场文书

南京大屠杀观后感

2015/06/02 职场文书