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

Firefox div高度自适应

Apr 28 Javascript

javascript 进度条实现代码

Jul 30 Javascript

IE JS无提示关闭窗口不提示的方法

Apr 29 Javascript

window.event.keyCode兼容IE和Firefox实现js代码

May 30 Javascript

javascript jq 弹出层实例

Aug 25 Javascript

document.documentElement和document.body区别介绍

Sep 16 Javascript

如何防止INPUT按回车自动提交表单FORM

Dec 06 Javascript

最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

Aug 16 Javascript

jquery实现倒计时小应用

Sep 19 jQuery

vue.js+element-ui动态配置菜单的实例

Sep 07 Javascript

JS如何定义用字符串拼接的变量

Jul 11 Javascript

vue如何实现关闭对话框后刷新列表

Apr 08 Vue.js

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/02/28 PHP

yii2中的rules 自定义验证规则详解

2016/04/19 PHP

php实现图片上传时添加文字和图片水印技巧

2020/04/18 PHP

PDO::rollBack讲解

2019/01/29 PHP

动态样式类封装JS代码

2009/09/02 Javascript

初试jQuery EasyUI 使用介绍

2010/04/01 Javascript

jQuery提交表单ajax查询实例代码

2012/10/07 Javascript

原生javascript图片自动或手动切换示例附演示源码

2013/09/04 Javascript

为什么Node.js会这么火呢？Node.js流行的原因

2014/12/01 Javascript

jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板

2015/04/30 Javascript

JavaScript统计网站访问次数的实现代码

2015/11/18 Javascript

利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解

2017/11/20 Javascript

React-Router如何进行页面权限管理的方法

2017/12/06 Javascript

angularjs实现分页和搜索功能

2018/01/03 Javascript

vue刷新和tab切换实例

2018/02/11 Javascript

详解vue axios二次封装

2018/07/22 Javascript

JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例

2019/05/14 jQuery

Flutter 超实用简单菜单弹出框 PopupMenuButton功能

2019/08/06 Javascript

v-slot和slot、slot-scope之间相互替换实例

2020/09/04 Javascript

Django自定义模板过滤器和标签的实现方法

2019/08/21 Python

Python使用random模块生成随机数操作实例详解

2019/09/17 Python

wxpython多线程防假死与线程间传递消息实例详解

2019/12/13 Python

python+gdal+遥感图像拼接(mosaic)的实例

2020/03/10 Python

详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库

2021/01/24 Python

采用冷却技术的超自然舒适度：GhostBed床垫

2018/09/18 全球购物

手工制作的意大利皮革运动鞋：KOIO

2020/01/05 全球购物

不用游标的SQL语句有哪些

2012/09/07 面试题

Linux上比较文件的命令都有哪些

2012/02/24 面试题

大专计算机个人求职的自我评价

2013/10/21 职场文书

作文批改评语大全

2014/04/23 职场文书

就业协议书怎么填

2014/09/15 职场文书

部门2014年度工作总结

2014/11/12 职场文书

苦儿流浪记读书笔记

2015/07/01 职场文书

2015年暑期实践报告范文

2015/07/13 职场文书

python四个坐标点对图片区域最小外接矩形进行裁剪

2021/06/04 Python

Python使用海龟绘图实现贪吃蛇游戏

2021/06/18 Python