rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
新值 = 值*(设置宽度/750) 1，开发时如何使用
直接把预览的界面设置成750px，然后照着之前正常的px值去写代码不就好了嘛！！
因为是rpx，尺寸和屏幕的宽度相绑定，屏幕尺寸进行缩放，则元素的所有rpx都会进行等比例地缩放！
这就是rpx实现适配不同宽度屏幕的原理。
所以，开发者只要把预览的屏幕设定到750，然后进行开发就可以了！并不需要去换算啊啥的！这不是给自己添堵吗？有时间就好好练练口才，想想怎么和后端，产品，ui撕逼不好吗！
2，使用rpx的注意点–尽量不要rpx混和px进行布局
比如说上图中,如果swiper使用了默认的150px,而下面四个标签使用的rpx进行绝对定位，那么在每次屏幕宽度不一致的时候。就会发生，swiper的高度发生变化，但是四个标签的高度位置不变的情况，也就是发生错位的情况。
因为在项目跑起来之后，rpx是通过750px转换成对应的px作为单位的！
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/rfx/11089.html