编程 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 第三章章节总结的例子

Mar 23 Javascript

元素未显示设置width/height时IE中使用currentStyle获取为auto

May 04 Javascript

JavaScript 学习笔记之数据类型

Jan 14 Javascript

javascript正则表达式之search()用法实例

Jan 19 Javascript

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

May 12 Javascript

浅析AngularJs HTTP响应拦截器

Dec 28 Javascript

深入理解JQuery中的事件与动画

May 18 Javascript

D3.js实现散点图和气泡图的方法详解

Sep 21 Javascript

微信小程序 modal弹框组件详解

Oct 27 Javascript

Vue开发中整合axios的文件整理

Apr 29 Javascript

React注册倒计时功能的实现

Sep 06 Javascript

JS 自执行函数原理及用法

Aug 05 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中memcache的应用

2013/06/18 PHP

PHP中iconv函数转码时截断字符问题的解决方法

2015/01/21 PHP

微信支付开发订单查询实例

2016/07/12 PHP

PHP 极验验证码实例讲解

2016/09/29 PHP

PHP正则表达式笔记与实例详解

2019/05/09 PHP

PHP高并发和大流量解决方案整理

2021/03/09 PHP

JavaScript 常用函数

2009/12/30 Javascript

JS替换文本域内的回车示例

2014/02/18 Javascript

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

2014/03/08 Javascript

jquery队列queue与原生模仿其实现方法分享

2014/03/25 Javascript

简介JavaScript中search()方法的使用

2015/06/06 Javascript

JavaScript中的bold()方法使用详解

2015/06/08 Javascript

jquery实现多条件筛选特效代码分享

2015/08/28 Javascript

javascript实现的网站访问量统计代码

2015/12/20 Javascript

快速掌握Node.js中setTimeout和setInterval的使用方法

2016/03/21 Javascript

基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息

2016/08/29 Javascript

Servlet实现文件上传，可多文件上传示例

2016/12/05 Javascript

微信小程序开发之map地图实现教程

2017/06/08 Javascript

jquery.picsign图片标注组件实例详解

2018/02/02 jQuery

Python实现从URL地址提取文件名的方法

2015/05/15 Python

ubuntu系统下 python链接mysql数据库的方法

2017/01/09 Python

python的构建工具setup.py的方法使用示例

2017/10/23 Python

python画图把时间作为横坐标的方法

2019/07/07 Python

关于ZeroMQ 三种模式python3实现方式

2019/12/23 Python

Prototype是怎么扩展DOM的

2014/10/01 面试题

优秀的教师个人的中文求职信

2013/09/21 职场文书

博士学位自我鉴定范文

2013/12/26 职场文书

小学生考试获奖感言

2014/01/30 职场文书

成语的广告词

2014/03/19 职场文书

土木工程求职信

2014/05/29 职场文书

迁徙的鸟观后感

2015/06/09 职场文书

青涩记忆观后感

2015/06/18 职场文书

《夸父追日》教学反思

2016/02/20 职场文书

golang中实现给gif、png、jpeg图片添加文字水印

2021/04/26 Golang

anaconda python3.8安装后降级

2021/06/11 Python

SpringCloud项目如何解决log4j2漏洞

2022/04/10 Java/Android