rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。
规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px
设备 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 作为视觉稿的标准,单位换算相对简单。
相关文章
- 11-12微信小程序 从含有tabbar的页面跳转到不含有tabbar的页面
- 11-12微信小程序自运营器 微信小程序自动运营器(让你的微信小程序,公众号零运营成本,24小时全自动运营)
- 11-12微信小程序实现登录授权,并将获取到的用户授权信息存储到数据库中
- 11-12.NET CORE 微信小程序消息验证的坑
- 11-12微信小程序wepy开发,属性绑定的事件参数中可以使用{{}}写实参
- 11-12修改微信小程序的原生button样式
- 11-12微信小程序-form表单-获取用户输入文本框的值
- 11-12微信小程序-工具无法加载本地模拟开发服务的解决办法
- 11-12微信小程序 从含有tabbar的页面跳转到不含有tabbar的页面
- 11-12基于微信的座位预约预订小程序(java后台springboot框架)、毕业设计、开题报告、毕业论文参考(7)数据库设计