最近我在開發的過程當中,出現了一個需求,我須要把開發好的小程序倒模成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