编程 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写的select支持上下键、首字母筛选以及回车取值的功能

Sep 09 Javascript

node.js中的console.timeEnd方法使用说明

Dec 09 Javascript

jQuery的one()方法用法实例

Jan 19 Javascript

jquery模拟alert的弹窗插件

Jul 31 Javascript

jQuery ready()和onload的加载耗时分析

Sep 08 Javascript

javascript 中Cookie读、写与删除操作

Mar 29 Javascript

67 个节约开发时间的前端开发者的工具、库和资源

Sep 12 Javascript

JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解

Oct 25 Javascript

bootstrap中日历范围选择插件daterangepicker的使用详解

Apr 17 Javascript

在vue中实现点击选择框阻止弹出层消失的方法

Sep 15 Javascript

JavaScript设计模式--简单工厂模式定义与应用案例详解

May 23 Javascript

vue $mount 和 el的区别说明

Sep 11 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定时计划任务的实现方法详解

2013/06/06 PHP

php实现检查文章是否被百度收录

2015/01/27 PHP

javascript判断单选框或复选框是否选中方法集锦

2007/04/04 Javascript

JavaScript 通过模式匹配实现重载

2010/08/12 Javascript

angularjs基础教程

2014/12/25 Javascript

JavaScript 变量、作用域及内存

2015/04/08 Javascript

jquery实现表单验证简单实例演示

2015/11/23 Javascript

JavaScript30 一个月纯 JS 挑战中文指南(英文全集)

2017/07/23 Javascript

JavaScript原生实现观察者模式的示例

2017/12/15 Javascript

基于zTree树形菜单的使用实例

2017/12/25 Javascript

JS实现的集合去重，交集，并集，差集功能示例

2018/03/13 Javascript

Webpack中publicPath路径问题详解

2018/05/03 Javascript

vue的style绑定background-image的方式和其他变量数据的区别详解

2018/09/03 Javascript

Vue 第三方字体图标引入 Font Awesome的方法

2018/09/28 Javascript

微信小程序实现基于三元运算验证手机号/姓名功能示例

2019/01/19 Javascript

JavaScript中的连续赋值问题实例分析

2019/07/12 Javascript

微信小程序登录时如何获取input框中的内容

2019/12/04 Javascript

[02:03]风行者至宝清风环佩外观展示

2020/09/05 DOTA

[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07

2020/11/09 DOTA

Python实现字符串逆序输出功能示例

2017/06/24 Python

python Crypto模块的安装与使用方法

2017/12/21 Python

python素数筛选法浅析

2018/03/19 Python

Python之csv文件从MySQL数据库导入导出的方法

2018/06/21 Python

Python tkinter的grid布局及Text动态显示方法

2018/10/11 Python

利用Python小工具实现3秒钟将视频转换为音频

2019/10/29 Python

Lookfantastic澳大利亚官网：英国知名美妆购物网站

2021/01/07 全球购物

《学棋》教后反思

2014/04/14 职场文书

冬季施工防火方案

2014/05/17 职场文书

会计学专业求职信

2014/07/17 职场文书

工伤事故证明

2014/10/20 职场文书

2014年终工作总结范本

2014/12/15 职场文书

个人年终总结范文

2015/03/09 职场文书

戒赌保证书

2015/05/11 职场文书

军事博物馆观后感

2015/06/05 职场文书

详解PHP服务器如何在有限的资源里最大提升并发能力

2021/05/25 PHP

logback如何自定义日志存储

2021/08/30 Java/Android