小程序20-样式:自适应尺寸单位 rpx

手机设备的宽度逐渐多元化,也就需要开发者开发过程中,去适配不同屏幕宽度的手机,为了解决屏幕适配问题,微信小程序推出了 rpx 单位

rpx:小程序新增的自适应单位,可以根据不同设备的屏幕宽度进行自适应缩放

小程序规定任何型号手机:屏幕宽都为750 rpx(可以理解为将屏幕等分为750份)

建议:

1.开发微信小程序时,设计师可以用iPhone6作为视觉稿的标准,iPhone的设计稿一般是750px

2.如果使用的是750px设计稿,可以直接换算

view 相当于 div 属于块级元素

375rpx屏幕的一半,可以选择机型进行尝试

相关推荐
超级罗伯特3 分钟前
大屏自适应,响应式布局,亲测有效
前端·javascript·html·大屏·驾驶舱
青衫码上行3 分钟前
【Java Web学习 | 第九篇】JavaScript(3) 数组+函数
java·开发语言·前端·javascript·学习
前端老宋Running4 分钟前
React组件命名为什么用小写开头会无法运行?
前端·react.js·面试
百***07185 分钟前
WebSpoon9.0(KETTLE的WEB版本)编译 + tomcatdocker部署 + 远程调试教程
前端
ruanCat6 分钟前
对 changelogen 和 changelogithub 使用的思考
前端·github
前端Hardy11 分钟前
HTML&CSS&JS:赛博木鱼
前端·javascript·css
有点笨的蛋19 分钟前
从值拷贝到深拷贝:彻底弄懂 JavaScript 的堆与栈
前端·javascript
BBB努力学习程序设计21 分钟前
CSS3选项卡:纯CSS实现优雅的内容切换
前端·html
有点笨的蛋21 分钟前
从零掌握 Ajax:一次请求带你读懂异步数据加载原理
前端·javascript·ajax
进击的野人24 分钟前
JavaScript日期操作与DOM节点管理:构建动态网页的核心技术
前端·javascript