编程 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高级程序设计（第3版）学习笔记9 js函数（下）

Oct 11 Javascript

原生JS绑定滑轮滚动事件兼容常见浏览器

Jun 30 Javascript

招聘网站基于jQuery实现自动刷新简历

May 10 Javascript

JavaScript Length 属性的总结

Nov 02 Javascript

JavaScript 最佳实践：帮你提升代码质量

Dec 03 Javascript

Javascript中call，apply，bind方法的详解与总结

Dec 12 Javascript

详解vue-validator（vue验证器）

Jan 16 Javascript

vue仿淘宝订单状态的tab切换效果

Jun 23 Javascript

傻瓜式解读koa中间件处理模块koa-compose的使用

Oct 30 Javascript

async/await优雅的错误处理方法总结

Jan 30 Javascript

Vue2.X和Vue3.0数据响应原理变化的区别

Nov 07 Javascript

es6函数name属性功能与用法实例分析

Apr 18 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

joomla内置的表单验证功能使用方法

2010/06/11 PHP

php使用Jpgraph绘制3D饼状图的方法

2015/06/10 PHP

php使用number_format函数截取小数的方法分析

2016/05/27 PHP

php中加密解密DES类的简单使用方法示例

2020/03/26 PHP

capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框

2011/05/24 Javascript

随窗体滑动的小插件sticky源码

2013/06/21 Javascript

jQuery制作仿腾讯web qq用户体验桌面

2013/08/20 Javascript

javascript设计模式之解释器模式详解

2014/06/05 Javascript

简单谈谈javascript代码复用模式

2015/01/28 Javascript

JS实现点击颜色块切换指定区域背景颜色的方法

2015/02/25 Javascript

超级简单实现JavaScript MVC 样式框架

2015/03/24 Javascript

详解JavaScript对象序列化

2016/01/19 Javascript

详解JavaScript for循环中发送AJAX请求问题

2020/06/23 Javascript

基于JavaScript实现网页切出网站title变化代码

2016/04/03 Javascript

浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别

2016/08/18 Javascript

js从数组中删除指定值(不是指定位置)的元素实现代码

2016/09/13 Javascript

js处理层级数据结构的方法小结

2017/01/17 Javascript

微信JS-SDK选取手机照片上传功能

2017/04/21 Javascript

vue2.0项目中使用Ueditor富文本编辑器示例代码

2017/08/14 Javascript

js遍历添加栏目类添加css 再点击其它删除css【推荐】

2018/06/12 Javascript

vue使用v-if v-show页面闪烁,div闪现的解决方法

2018/10/12 Javascript

JavaScript实现点击切换功能

2021/01/27 Javascript

python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法

2017/05/24 Python

python中的tcp示例详解

2018/12/09 Python

用什么库写 Python 命令行程序(示例代码详解)

2020/02/20 Python

使用Python开发个京东上抢口罩的小实例（仅作技术研究学习使用）

2020/03/10 Python

获取python运行输出的数据并解析存为dataFrame实例

2020/07/07 Python

Python scrapy爬取小说代码案例详解

2020/07/09 Python

next在python中返回迭代器的实例方法

2020/12/15 Python

CSS3制作圆形滚动进度条动画的示例

2020/11/05 HTML / CSS

高级销售求职信

2014/02/21 职场文书

单位工作证明书格式

2014/10/04 职场文书

工作后的感想

2015/08/07 职场文书

python自然语言处理之字典树知识总结

2021/04/25 Python

Jupyter notebook 不自动弹出网页的解决方案

2021/05/21 Python

一文搞懂php的垃圾回收机制

2021/06/18 PHP