首页 工作简记

px转rpx小工具

发布时间:2021年11月09日评论数：抢沙发阅读数：3285

最近做一个小程序,设计文件用的是尺寸单位是px,为了快速搭建,小程序的样式里我也使用了px,到最后测试时,在小屏幕里会有些页面排版被挤压变形,字大不协调,于是要将wxss里的px改成rpx;可是这么多还不好找,怎么办?于是写了个转换小工具,直接复制进去转换就行了.

rpx是微信小程序样式文件.wxss(WeiXin Style Sheets)里的尺寸单位,与css里的px非常相似; rpx（responsive pixel）可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

把网页前端样式搬到小程序上时,如果直接用px在大屏手机下也没什么不妥,但为了追求最大的兼容小屏设备,就需要把px转换成rpx;手工一个个转换是非常抓狂+耗时的行为;所以有了这个小工具,工具只是简单的把px转换成*2结果的rpx;

工具地址:http://www.hy01.cn/px2rpx.php