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

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

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

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

建议:

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

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

view 相当于 div 属于块级元素

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

相关推荐
猫头虎-前端技术3 分钟前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
阿珊和她的猫3 分钟前
探索 CSS 过渡:打造流畅网页交互体验
前端·css
元亓亓亓4 分钟前
JavaWeb--day1--HTML&CSS
前端·css·html
β添砖java4 分钟前
CSS的文本样式
前端·css
前端小趴菜054 分钟前
css - 滤镜
前端·css
祈祷苍天赐我java之术4 分钟前
理解 CSS 浮动技术
前端·css
索迪迈科技7 分钟前
Flex布局——详解
前端·html·css3·html5
咔咔一顿操作8 分钟前
【CSS 3D 实战】从零实现旋转立方体:理解 3D 空间的核心原理
前端·css·3d·css3
DONG91310 分钟前
深度解析CSS单位与媒体查询:构建现代化响应式布局的核心技术
前端·css·html·css3·媒体
一只小风华~16 分钟前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架