為什么很多web項目還是使用px?
早些年移動端剛開始盛行的時候,為了移動端網頁能夠適配不同尺寸的手機屏幕,淘寶某前端大佬寫了一段適配的js,叫做flexible,可在github搜索到。原理很簡單,好像就是根據手機分辨率和dpi(具體不記得了),動態設置根源素html的fontsize,然后頁面元素大小都以rem來做單位。因為1rem=html的fontsize。
后來有了vw和vh,慢慢的很多項目都用vw來做適配了,100vw=100%的寬度。因為兼容性不是很好,所以一直沒有就行起來。
nodejs出現以后,前端工程化開始了。出現了pxtorem,pxtoviewport等插件,我們可以在開發的時候按照ui標注的px大小直接寫,在打包的時候,插件會幫助我們把px計算轉化為rem或者vw。
我現在都用vw。不考慮兼容性。有需要兼容ie的公司,我看都不看一眼。[捂臉]
上一篇如何使印章變成透明
下一篇哪個pdf閱讀器比較好