【IoT】 产品设计:微信小程序如何适配不同机型
rpx是小程序中的尺寸单位,它有以下特征: 小程序的屏幕宽固定为750rpx,即750个物理像素,1rpx=(screenWidth / 750)px,其中screenWidth为手机屏幕的实际的宽度(单位px)。 例如iphone6的screenWidth=375px,则在iphone6中1rpx=0.5px 在不同设备上rpx与px的转换是不相同的,但是宽度的rpx却是固定的,所以可以使用rpx作为单位,来设置布局的宽高。 开发微信小程序时可以用iPhone6作为视觉稿的标准: 直接以iPhone6的屏幕尺寸(375 × 667) 用作视觉稿尺寸,1PX:0.5rpx, 以 1PX:1
用户评论
推荐下载
-
微信小程序吸底区域适配iPhoneX的实现
微信小程序适配iPhone X主要针对fix定位到底部的区域,比如详情页或购物车底部的按钮栏,会与iPhone X的Home Indicator横条重叠,这样在点击下方按钮时很容易误触发手势操作,如下
15 2020-12-05 -
微信小程序版微信
微信小程序版微信demo,从中可以学习单简单的布局,文件放置
78 2019-03-31 -
微信小程序实现保险产品商城
微信小程序实现保险产品商城
32 2019-09-23 -
如何在微信小程序里面退出小程序的方法
公司要求用小程序重构已有的微信公众号,于是没接触过小程序的我。。。好的,直接进入主题。 如何在小程序里面退出小程序。 这个功能基本上都会用到,而文档里面没有找到如微信一样直接的api: WeixinJ
21 2020-11-29 -
微信小程序
基于微信web开发工具开发的微信新闻小程序,其中也包括电影浏览
37 2019-03-18 -
微信小程序Demo仿麦当劳微信小程序
微信小程序Demo:仿麦当劳微信小程序
72 2018-12-09 -
微信小程序微信小程序demo豆瓣电影
wxapp-doubanmovie-demo微信小程序demo-豆瓣电影
52 2019-08-13 -
微信小程序微信小程序仿jQuery插件
wxQuery 对 Page.prototype.setData() 函数的封装 Thanks 云淡风轻
21 2020-09-21 -
微信小程序搞笑图片微信小程序
Weixin-joke-demo 微信小程序-搞笑图片
21 2020-08-20 -
微信小程序微信小程序个人案例合集
WechatSmallApps微信小程序最近很火热,虽然官方还在内侧,但是笔者还是经常看得到很多微信小程序相关的文章,既然它这么火热,自己也想学习并做出点东西。笔者刚毕业不久,参加工作也只有3个月,实
62 2020-02-17
暂无评论