靚麗時尚館

位置:首頁 > 健康生活 > 心理

js怎樣做自適應螢幕

心理2.3W
js怎樣做自適應螢幕

方法如下:

1、安裝postcss-px2rem 、px2rem-loader、lib-flexible

2、在根目錄src中新建util目錄下新建等比適配檔案

找到node_modules裡的lib-flexible包,拷貝一份放在utils裡面取名為,修改lib-flexible的原始碼,(更改refreshRem函式)修改為下面的程式碼就可以了,當然if判斷是根據自己需求的調整。

目的:因為lib-flexible的原始碼是針對移動端的設計方案,我們要實現PC的自適應所以螢幕尺寸也要更換。

3、在 中引入我們剛修改過的檔案(因為我們更改了原始碼 ,所有我們需要引入我們改過的檔案)

4、在中配置外掛

標籤:js 螢幕