如何将1rpx转为1rem

最近我在开发的过程当中,出现了一个需求,我须要把开发好的小程序倒模成H5页面,这里就涉及一个布局单位问题,咱们小程序用的单位都rpx,是按照750rpx铺满整个页面来算的,可H5又不支持rpx单位,这里在倒模页面的时候就碰到了一个问题严重的问题,我总不可能一个一个去算吧(真的太烦了),这里我给你们介绍一个取巧的方法,H5的页面单位中有rem单位,是根据html的文字大小来调整的,那么咱们只须要计算出1rpx等于多少vw就能够了。css

代码以下:html

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就能够了,若是对你有所帮助,请给我点个推荐。canvas

相关文章
相关标签/搜索