最近我在开发的过程中，出现了一个需求，我需要把开发好的小程序倒模成H5页面，这里就涉及一个布局单位问题，我们小程序用的单位都rpx，是按照750rpx铺满整个页面来算的，可H5又不支持rpx单位，这里在倒模页面的时候就碰到了一个问题严重的问题，我总不可能一个一个去算吧（真的太烦了），这里我给大家介绍一个取巧的方法，H5的页面单位中有rem单位，是根据html的文字大小来调整的，那么我们只需要计算出1rpx等于多少vw就可以了。
代码如下：
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0;}img{ width:100%; height: 100%;}html { font-size: 0.13333vw;}
当html的文字大小等于0.13333vw的时候，我们可以把css全部粘贴过去，一键把rpx换成rem就可以了，如果对你有所帮助，请给我点个推荐。
原文转载：http://www.shaoqun.com/a/490585.html
米谷：https://www.ikjzd.com/w/1788
铭宣：https://www.ikjzd.com/w/1551.html
zozotown：https://www.ikjzd.com/w/2180
最近我在开发的过程中，出现了一个需求，我需要把开发好的小程序倒模成H5页面，这里就涉及一个布局单位问题，我们小程序用的单位都rpx，是按照750rpx铺满整个页面来算的，可H5又不支持rpx单位，这里在倒模页面的时候就碰到了一个问题严重的问题，我总不可能一个一个去算吧（真的太烦了），这里我给大家介绍一个取巧的方法，H5的页面单位中有rem单位，是根据html的文字大小来调整的，那么我们只需要计算出
worldfirst：worldfirst
东西网：东西网
晋中大乘寺旅游：晋中大乘寺旅游
深圳哈特曼航空体验馆好玩吗？简介一下怎么样啊：深圳哈特曼航空体验馆好玩吗？简介一下怎么样啊
外媒：印度法院下令暂缓对亚马逊和沃尔玛旗下Flipkart的反垄断调查：外媒：印度法院下令暂缓对亚马逊和沃尔玛旗下Flipkart的反垄断调查
No comments:
Post a Comment