flexible.js 怎么使用 js怎樣做自適應(yīng)屏幕?
js怎樣做自適應(yīng)屏幕?方法追加:1、安裝postcss-px2rem、px2rem-loader、lib-flexible2、在根目錄src中空白文檔util目錄下新建rem.js等比完全適配文件找到
js怎樣做自適應(yīng)屏幕?
方法追加:
1、安裝postcss-px2rem、px2rem-loader、lib-flexible
2、在根目錄src中空白文檔util目錄下新建rem.js等比完全適配文件
找到node_modules里的lib-flexible包,u盤拷貝一份放到utils里面起名字為flexible.js,修改lib-flexible的源碼,(你要改refreshRem函數(shù))如何修改為下面的代碼就可以了,當(dāng)然了if推測是根據(jù)自己需求的調(diào)整。
目的:只不過lib-flexible的源碼是針對(duì)移動(dòng)端的設(shè)計(jì)方案,我們要實(shí)現(xiàn)PC的自適應(yīng)所以我屏幕大小也要換新。
3、在main.js中化入我們剛?cè)绾涡薷倪^的flexible.js文件(因?yàn)槲覀兏牧嗽创a,所有我們是需要核心中我們改好的文件)
4、在中配置插件
為什么很多web項(xiàng)目還是使用px,而不是rem?
閱讀什么過幾篇跪求pxrem的文章,那種感覺rem很強(qiáng)橫無比。但自己所接觸到的公司項(xiàng)目所有的都在用400px,想很清楚為什么不。是我司技術(shù)更新底子太薄了嗎?
---補(bǔ)充:我們不過有在用vw和vh,但僅僅在layout層級(jí)。組件層建議使用px。