最近我在開發的程序中，出現了一個需求，我需要把開發好的小程式倒模成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就可以了，如果對你有所幫助，請給我點個推薦，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/225031.html
標籤：HTML5
上一篇：onclick事件的基本操作