px转rpx小工具 - 梁鹏程个人作品集,梁鹏程博客,帆子博客,微语,网站模版

梁鹏程个人作品集,帆子博客

  • 工作笔记
  • 工作简记
  • 微语
  • 建站资讯
  • 网站模板
  • 单页模板
  • 登录
  • 最新碎语:喜欢「万事胜意」这个词,意思是一切结果都会比想象的要好。希望看到这段话的你,在接下来的日子里,万事胜意!

    您的位置:梁鹏程个人作品集,帆子博客 >工作简记> px转rpx小工具

    px转rpx小工具

    最近做一个小程序,设计文件用的是尺寸单位是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

    px2rpx.jpg


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

    ---

    转载请注明本文标题和链接:《px转rpx小工具

    发表评论

    路人甲 表情
    看不清楚?点图切换 Ctrl+Enter快速提交
    
    召唤伊斯特瓦尔