响应式企业官网（【uni-app】响应式单位rpx）
导读：单位 rpx是响应式px...
单位
rpx是响应式px
rpx是一种根据屏幕宽度自适应的动态单位 。以750宽的屏幕为基准 ，750rpx正好是屏幕的宽度 。屏幕变宽 ，rpx实际显示效果会等比放大 ，但在App端和h5端 ，屏幕宽度达到960px时 ，默认将按照375px的屏幕宽度进行计算 。在开发移动端项目时选择rpx作为尺寸单位 。
uni-app在App端 ，H5端和小程序都支持rpx ，并且可以配置不同屏幕宽度的计算方式 。页面元素在uni-app的宽度计算公式如下：
750 * 元素在设计稿中的宽度 / 设计稿基准宽度举例说明：
若设计稿宽度为750px ，元素A在设计稿上的宽度为100rpx ， 那么元素A在uni-app中的宽度应该设计为750 * 100/750 ，即100rpx 若设计稿宽度为640px ，元素A在设计稿上的宽度为100rpx ， 那么元素A在uni-app中的宽度应该设计为750 * 100/640 ，即117rpx 若设计稿宽度为375px ，元素A在设计稿上的宽度为200rpx ， 那么元素A在uni-app中的宽度应该设计为750 * 200/375 ，即117rpx但是要注意的是
不要对响应式单位依赖太严重了 ，比如组件高度或字体大小也使用rpx 。只有当你需要某元素的单位要根据屏幕宽度大小变化时 ，才需要rpx这类动态宽度单位 。 一般情况下高度和字体大小是不应该根据屏幕宽度变化的 ，除非你的字体大小想根据屏幕宽度变化 。 rpx不支持动态横竖屏切换计算 ，使用rpx建议锁定屏幕方向拓展：在设置文件mainfest.json里开启px转rpx（默认关闭） ，所有的px可一键转换为rpx
“transformPx ”:falserpx直接支持动态绑定
<view class="test" :style="{width:winWidth + rpx;}"></view>创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！